vue路由守卫

在Vue 中,路由守卫分为三种 路由独享守卫 、全局路由守卫 以及 组件内守卫

每个守卫方法都接收三个参数:

to : 目标路由对象

from : 准备要离开的路由

next() : 进行管道中的下一个钩子

一、路由独享守卫

1. beforeEnter

是指在单个路由配置的时候也可以设置的钩子函数

二、全局路由守卫 

1. beforeEach

路由前置守卫 在路由跳转前触发

2. beforeResolve 

路由解析守卫 也是在路由跳转前触发

区别是在导航被确认之前,同时在所有组件内守卫和异步路由组件被解析之后

3. afterEach 

路由后置守卫 路由跳转完成之后

三、组件内守卫 

        是指在组件内执行的钩子函数,类似于组件内的生命周期,相当于为配置路由的组件添加的生命周期钩子函数。

1. beforeRouteEnter

渲染该组件的对应路由前

2. beforeRouteUpdate 

组件被复用,参数发生变化时候

3. beforeRouteLeave 

导航离开该组件的对应路由时调用

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值