路由守卫(果宝特工)

路由守卫都有哪几种……
原理:
如果没有权限不让进入,有权限才可以进入

守卫方法接受三个参数		
	to:即将进入的目标
	from:导航正要离开的路由
	next:执行下一步
		扩展
		next()进入下一个组件的钩子函数
		next(false)阻止跳转终端导航
		next(“/login”)进入指定组件的钩子函数

1.全局路由守卫:定义在router对象上
绝大部分页面需要跳转用全局路由守卫

三个钩子函数:

	router.beforeEach
	router.beforeResolve
	router.afterEach

2.路由独享守卫,
少量路由跳转路由独享守卫即可
钩子函数:beforeEnter。路由跳转之前,定义在路由配置上

3.组件内守卫:定义在组件内的,相当于组件的methods等属性,

	beforeRouterEnter:路由进入
	beforeRouterUpdate路由更新,指的是参数的更新
	beforeRouterLeave :路由离开,

应用场景:1.验证用户登录,没有登录无法进入

3.路由独享
beforeEnter

2.清除当前组件内定时器,以免占内存
3.当前页面有未关闭的窗口阻止页面跳转
执行顺序:1.导航被触发
2.在失活的组件里调用离开守卫
3.调用beforeach守卫
4.在重用的组件里面调用beforerouterupdate守卫
5.在路由里调用beforeenter
6.解析异步路由组件
7.在被激活的组件里调用beforerouterenter
8.调用全局的beforereslove守卫
9.导航被确认
10.调用全局的aftereach钩子
11.触发dom更新
12.用创建好的实例调用beforerouteenter守卫中传给next回调函数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值