路由的导航守卫 分为全局守卫、组件级守卫、和单个页面独享的守卫
全局守卫
路由的前置守卫
router.beforeEach((to,from,next)=>{
* to -- 去哪里
* from -- 从哪里来
* next -- 下一步 (放不放行)
*
* })
后置钩子函数
注意:后置钩子函数里面没有next
后置钩子函数 router.afterEach((to,from)=>{
*
* })
组件级守卫
写在页面里 与data和methods同级
路由进入之前
beforeRouteEnter(to,from,next){
console.log(to,from,next)
next()
},
路由更新的
beforeRouteUpdate(){
},
路由离开之前
beforeRouteLeave(to,from,next){
}
单个路由独享的守卫
是在配置路由的地方写的 写在name、path同级
beforeEnter(to,from,next){
}
to、from、next三个参数代表的意思
to:去哪里
from: 从哪里来
next: 放行