77.vue-router路由钩子函数是什么顺序

79 阅读1分钟

钩子函数的种类有:全局守卫、路由守卫、组件守卫

流程:

  1. 导航被触发
  2. 在失活的组件里调用beforeRouterLeave守卫
  3. 调用全局的beforeEach守卫
  4. 在重用的组件调用beforeRouteUpdate守卫
  5. 在路由配置里面beforeEnter
  6. 解析异步路由组件
  7. 在被激活的组件里面调用beforeRouterEnter
  8. 调用全局的beforeResolve守卫
  9. 导航被确认
  10. 调用全局的afterEach钩子
  11. 触发Dom更新
  12. 调用beforeRouterEnter守卫中传给next的回调函数,创建好的组件实例会作为回调函数的参数传入