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:'/'})：跳轉到一個不同的地址。當前導航唄中斷，進行一個新的導航