vue-的路由守卫

有三种方式可以植入路由导航过程中:

全局的

单个路由独享的

组件级

路由守卫为:
全局守卫:beforeEach
后置守卫:afterEach
全局解析守卫:beforeResolve
路由独享守卫:beforeEnter)

独享为,beforeEnter

组件内的:beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave

导航解析流程:

1.导航被触发

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

3.调用全局的 beforeEach 守卫

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

5.在路由配置里调用 beforEnter

6.解析异步路由组件

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

8.调用全局的 beforeResolve 守卫

9.导航被确认

10.调用全局的 afterEach 钩子

11.触发 DOM 更新

12.在创建好的实例调用 beforeRouteEnter 守卫中传给 next 的回调函数
在这里插入图片描述
进入第一个路由触发的,离开该路由触发的
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值