0_GxebaBoEfLCgmfze

Vue + Laravel 安裝

composer create-project --prefer-dist laravel/laravel vuetest
package.json 
"devDependencies": {
"axios": "^0.19",
"bootstrap": "^4.0.0",
"bootstrap-sass": "^3.4.1",
"cross-env": "^5.1",
"jquery": "^3.2",
"laravel-mix": "^4.0.7",
"lodash": "^4.17.13",
"popper.js": "^1.12",
"resolve-url-loader": "^2.3.1",
"sass": "^1.20.1",
"sass-loader": "7.*",
"vue": "^2.5.17",
"vue-template-compiler": "^2.6.11"
},
npm install

composer require laravel/ui

php artisan ui vue

npm install vue-router --save

vuetest\resources\js

app.js

require('./bootstrap');

window.Vue = require('vue');
import VueRouter from 'vue-router'

import router from './routes'

Vue.use(VueRouter)

new Vue({
el: '#app',
router
});
vuetest\resources\js

routes​.js 
import VueRouter from 'vue-router'

let routes = [
    {
        path:'/',
        component:require('./components/Home').default
    },
    {
        path:'/about',
        component:require('./components/About').default
    }
]

export default new VueRouter(
    {
        mode:'history',
        routes
    }
)

vuetest\resources\js\components

Home​.Vue
About​.Vue

Dnowload

vuetest\resources\views\layouts

master.blade

Dnowload
vuetest\routes\

web.php 
Route::any('{all}', function () {
    return view('layouts.master');
})->where(['all' => '.*']);
npm run watch
0