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: []
}

喜欢的小伙伴可以关注我的我微信公众号“前端伪大叔”

Vue路由配置

 

上一篇:php-Laravel-包含软删除数据的隐式路由模型绑定


下一篇:php-具有相似参数的路由上的路由参数模式