Skip to content

Commit 37e2637

Browse files
authored
Update frontend.md
laravel 5.5.0 Vue example component 为 Example.vue 但是在 laravel 5.5.22中为ExampleComponent.vue laravel 5.5 英文文档中为ExampleComponent.vue https://laravel.com/docs/5.5/frontend#writing-javascript
1 parent fad35f2 commit 37e2637

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

frontend.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -58,16 +58,16 @@ Laravel 自带的 `webpack.mix.js` 默认会编译 `resources/assets/sass/app.sc
5858
<a name="writing-vue-components"></a>
5959
### 编写 Vue 组件
6060

61-
新 Laravel 程序默认会在 `resources/assets/js/components` 中包含一个 `Example.vue` 的 Vue 组件。`Example.vue` 文件是在同一文件中定义其 JavaScript 和 HTML 模板的 [单文件 Vue 组件](https://vuejs.org/guide/application.html#Single-File-Components) 的示例。它为构建 JavaScript 驱动的应用程序提供了非常方便的方法。这个示例组件已经在 `app.js` 文件中注册:
61+
新 Laravel 程序默认会在 `resources/assets/js/components` 中包含一个 `ExampleComponent.vue` 的 Vue 组件。`ExampleComponent.vue` 文件是在同一文件中定义其 JavaScript 和 HTML 模板的 [单文件 Vue 组件](https://vuejs.org/guide/application.html#Single-File-Components) 的示例。它为构建 JavaScript 驱动的应用程序提供了非常方便的方法。这个示例组件已经在 `app.js` 文件中注册:
6262

63-
Vue.component('example', require('./components/Example.vue'));
63+
Vue.component('example-component', require('./components/ExampleConponent.vue'));
6464

6565
在应用程序中使用组件,你只需要简单的将其放到你的 HTML 模板之中。例如,运行 Artisan 命令 `make:auth` 去生成应用的用户认证和注册的框架页面后,可以把组件放到 `home.blade.php` Blade 模板中:
6666

6767
@extends('layouts.app')
6868

6969
@section('content')
70-
<example></example>
70+
<example-component></example-component>
7171
@endsection
7272

7373
> {tip} 谨记,每次修改 Vue 组件后都应该运行 `npm run dev` 命令。或者,你可以使用 `npm run watch` 命令来监控并在每次文件被修改时自动重新编译组件。

0 commit comments

Comments
 (0)