路由Router

1. 安装vue-Router

npm i vue-router -S

2. 配置router文件

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

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        redirect: '/login'
    },
    {
        path: '/login',
        component: () => import('@/views/common/login')
    }, {
        path: '/main',
        component: () => import('@/views/Main')
    }

]

const router = new VueRouter({
        routes,
        mode: "history"
    }
)

export default router

• Vue.use(VueRouter)：若需要将导入的插件挂载到Vue的原型上，则需要使用Vue.use
• component: () => import('@/views/Main')：使用该方式导入可以使用路由懒加载方式

3. 主文件导入

需要在Vue中注册配置的路由

import router from './router'

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')