[初级]Vue-Router 模块

版本：vue2

模块化，为了避免在router.js写很长又很难维护的代码，

模块提取

1. 在每个模块下面新建index.js，里面主要导出这个模块的页面路径

export default [
  {
    path: '/home',
    name: 'home',
    component: () => import(/* webpackChunkName: "home" */ './page/index.vue')
  }
]

 2. 在views下面新建index.js，集体导入导出所有的模块

import Home from './home'

export default [
  ...Home
]

3.  在router.js里面导入汇总后的模块就欧了

import Vue from 'vue'
import Router from 'vue-router'
import views from '@/views'

Vue.use(Router)

const router = new Router({
  routes: views
})

export default router

meta的title需要在前置守卫设置

router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
})

路由的生命周期

// actived：路由组件被激活时触发；

// deactived：路由组件失活时触发。