Vue 导航守卫

导航守卫

1、全局

router.beforeEach((to,from,next)=>{})
router.afterEach((to,from,next)=>{}) 

 

2、组件内守卫

beforeRouteEnter((to,from,next)=>{})
beforeRouteUpdate((to,from,next)=>{})
beforeRouteLeave((to,from,next)=>{})

 

3、路由独享

beforeEnter((to,from,next)=>{})

 

to ：这是你要跳转到的路由对象

from： 这是你要离开的路由对象

next：是一个方法，可以接受参数。这个方法必须调用，如果不用就跳转不过去。

------------

next的几个参数

next() ==> 直接去执行to中的路由信息

next(false) ==> 可以不通过，中断跳转

next('/') ==>可以去跳转其他