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

Posted 2022-12-07 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
    
)