其他分享
首页 > 其他分享> > 路由守卫钩子函数和执行顺序

路由守卫钩子函数和执行顺序

作者:互联网

什么是导航守卫:
概念:导航守卫又称路由守卫,实时监控路由跳转时的过程,在路由跳转的各个过程执行相应的操作

一、全局守卫
router.beforeEach(全局前置守卫)
router.afterEach(全局后置守卫)
二、路由独享守卫
beforeEnter(给单独的路由加)
三、组件内守卫
beforeRouteEnter(进入该路由时执行)
beforeRouteUpdate(该路由参数更新时执行)
beforeRouteLeave(离开该路由时执行)
执行顺序:
1.导航被触发

2.在失活的组件里调用离开守卫

3.调用全局的beforeEach守卫

4.在重用的组件里调用boforeRouteUpdate守卫

5.在路由配置里调用beforeEnter

6.解析异步路由组件

7.在被激活的组件里调用beforeRouteEnter

8.调用全局的beforeResolve守卫

9.导航被确认

10.调用全局的afterEach钩子

11.触发DOM更新

12用创建好的实例调用 beforeRouteEnter 守卫中传给next的回调函数

标签:调用,钩子,守卫,组件,全局,beforeRouteEnter,路由
来源: https://blog.csdn.net/Z_hai_yan/article/details/116503041