vue 路由

完整的导航解析流程
触发进入其它路由
调用要离开路由的组件守卫beforeRouteLeave
调用全局的前置守卫beforeEach
在重用的组件里调用 beforeRouteUpdate
在路由配置里调用 beforeEnter
解析异步路由组件
在将要进入的路由组件中调用beforeRouteEnter
调用全局的解析守卫beforeResolve
导航被确认
调用全局的后置钩子afterEach。
触发 DOM 更新mounted。
执行beforeRouteEnter守卫中传给 next的回调函数。

1、beforerouteEnter,beforerouteUpdate,beforerouteLeave组件内的路由守卫，beforerouterEnter访问不到this，通过回调函数返回实例

例：

beforeRouteEnter (to, from, next) {
  next(vm => {
    // 通过 `vm` 访问组件实例
  })
}

 

2、beforeEnter单个路由内处理

3、beforeEach，beforeResolve,afterEach(不会接收next)所有路由配置都会触发，全局守卫