在Vue 中,路由守卫分为三种 路由独享守卫 、全局路由守卫 以及 组件内守卫
每个守卫方法都接收三个参数:
to : 目标路由对象
from : 准备要离开的路由
next() : 进行管道中的下一个钩子
一、路由独享守卫
1. beforeEnter
是指在单个路由配置的时候也可以设置的钩子函数
二、全局路由守卫
1. beforeEach
路由前置守卫 在路由跳转前触发
2. beforeResolve
路由解析守卫 也是在路由跳转前触发
区别是在导航被确认之前,同时在所有组件内守卫和异步路由组件被解析之后
3. afterEach
路由后置守卫 路由跳转完成之后
三、组件内守卫
是指在组件内执行的钩子函数,类似于组件内的生命周期,相当于为配置路由的组件添加的生命周期钩子函数。
1. beforeRouteEnter
渲染该组件的对应路由前
2. beforeRouteUpdate
组件被复用,参数发生变化时候
3. beforeRouteLeave
导航离开该组件的对应路由时调用