vue-router的使用

新建router文件，在文件内新建index.js引入vue-router

import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

使用路由

const routes = [

  {

    path: '/',

    redirect: () => {

      return '/home'

    }

  },

{

    path: '/login',

    name: 'login',

    component: login

    // component: resolve=>(require(["../views/login.vue"],resolve))

  },

]

里面有children属性，可以实现路由多层嵌套，children是个数组，可以在里面加入子路由

children:[
        {
            path:'/A',
            component:A,
        },
        {
            path:'/B',
            component:B,
        }
      ]

底部构建实例

const router = new VueRouter({

  // mode: 'history',//路由模式

  base: process.env.BASE_URL,

  routes

})

 

最后暴露出去

export default router