Vue路由配置

安裝

npm install vue-router --save

創建router.js

export default new Router({
  //   mode: 'history',   
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'index',
      component: () => import (./index/index.vue)//懶加載
    },
  ]
})

配置main.js

import VueRouter from 'vue-router'    //    引路由
import routes from './router'    //引js文件
Vue.use(VueRouter)
//配置路由
const router = new VueRouter(routes);
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>',
  store,
  router    //這里來一下
})

或者

import Router from 'vue-router'
Vue.use(Router)
export default new Router({
    routes: []
})
//可以這樣main.js引入；在把這個文件暴露給main.js
export default{
    routes: []
}

喜歡的小伙伴可以關注我的我微信公眾號“前端偽大叔”