vue-router的钩子

vue-router的钩子分为三类:

1. 全局钩子
2. 路由独享钩子
3. 组件内钩子

1. 全局钩子

beforeEach(to,from,next)

afterEach(route)

2. 路由独享钩子

beforeEnter(to,form,next)

beforeLeave(to,from,next)

3. 组件内钩子

beforeRouteEnter(to,from,next) 不能获取组件实例this，此时组件实例还没被创建

beforeRouteLeave(to,from,next)

beforeRouteUpdate(to,from,next)

4. 钩子的参数说明

form：当前导航要离开的路由
to: 即将要进入的目标
next: 用next方法resolve钩子

next(): 进行管道中的下一个钩子
next(false): 中断当前导航
next('/')或next({path:'/'})：跳转到一个不同的地址。当前导航呗中断，进行一个新的导航