Skip to content

RyanLYC/vue-router4-course

Repository files navigation

router4 完整的导航解析流程

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

A to B

  • ComponentA beforeRouteLeave
  • router.beforeEach
  • /b beforeEnter 路由对象上的beforeEnter
  • ComponentB beforeRouteEnter
  • router.beforeResolve
  • router.afterEach
  • (ComponentB beforeRouteEnter 中的 next 回调函数) ComponentB data: B

About

vue-router4的钩子函数以及执行流程。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published