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('/') ==>可以去跳转其他

 

上一篇:力扣之917. 仅仅反转字母


下一篇:vue学习笔记(五)--来源尚硅谷《vuedemo》