Vue导航守卫以我自己的理解就是监听页面进入,修改,和离开的功能。每个守卫接受三个参数
进入路由时调用
beforeRouteEnter(to,from,next){
//此时不能获取组件实例 this
//因为的当前守卫执行前,组件实例还没被创建
next();// 必须有这个,相当于一个按钮开启一样。
}
在当前路由改变,但是该组件被复用时调用
beforeRouteUpdate(to,from,next){
//此时不能获取组件实例 this
//因为的当前守卫执行前,组件实例还没被创建
next();// 必须有这个,相当于一个按钮开启一样。
}
离开当前路由时调用
beforeRouteLeave(to,from,next){
//此时不能获取组件实例 this
//因为的当前守卫执行前,组件实例还没被创建
next();// 必须有这个,相当于一个按钮开启一样。
}