Laravel 6 其实提供了两个前端框架，一个是Bootstrap一个是Vue，他们都在Laravel/ui中。
你可以使用Composer安装
|
1 |
composer require laravel/ui |
安装完后，我来再用这个工具安装Vue
|
1 |
php artisan ui vue |
这样就可以了。
它还包含其他框架，如果你需要你可以通过如下安装方式安装：
|
1 2 3 4 5 6 7 8 9 |
// Generate basic scaffolding... php artisan ui bootstrap php artisan ui vue php artisan ui react // Generate login / registration scaffolding... php artisan ui bootstrap --auth php artisan ui vue --auth php artisan ui react --auth |
既然vue已经好了。我们还需要安装前端框架的依赖：
|
1 |
npm install |
安装完依赖后，编译更新文件：
|
1 |
npm run dev |
如果你希望每次更改后都可以立刻看到效果，你可以运行
|
1 |
npm run watch |
这个命令可以监控变化，并实时编译更新。
默认生成的文件
首先，他为我们生成了一个组件
resources/js/components/ExampleComponent.vue
html和css，都混合在里面
然后，这个组件被注册在
resources/js/app.js
|
1 2 3 4 |
Vue.component( 'example-component', require('./components/ExampleComponent.vue').default ); |
最后，你就可以把这个Vue组件放到模板的各个地方了。
|
1 2 3 4 5 |
@extends('layouts.app') @section('content') <example-component></example-component> @endsection |