Laravel 项目中用 vue-router 实现页面跳转之 vue-router 写在单独的文件中

Posted 2021-07-08 Grace_Zhong

前置文章见
Laravel 项目中用 vue-router 实现跳转页面.

app.js

require('./bootstrap');

import Vue from 'vue'
import router from './router'

const app = new Vue({
    el: '#app',
    router
});
// const app = new Vue({
//   router
// }).$mount('#app')

router.js

在 resources/js 中新建一个文件 router.js

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
    { path: '/', component: require('./components/ExampleComponent.vue').default },
    { path: '/page', component: require('./components/Page.vue').default }
  ]

export default new VueRouter(
    {
        routes
    }
)