vue ｜ 路由守衛

一、什麼是路由守衛？

在路由跳轉的時候能夠進行重定向或一些其他的操作

二、類別

1、全局路由守衛

beforeEach(to, from, next)  //跳轉，常用於登陸

​2、某個路由內獨享的路由守衛

beforeEnter(to, from, next)  // 寫在某個路由裏面

​3、組件內的路由

beforeRouteEnter(to, from, next)   // 進入某路由時

beforeRouteUpdate(to, from, next)  // 更新某路由時

beforeRouteLeave(to, from, next)  // 離開某路由時

 

三、參數說明

to: 要進入的路由

from: 要離開的路由

next: 是否可以進入或某個具體的路由路徑

next的一些常用寫法

=> next('/')、next({path: '/'})、next()、next(false)、next( (xx) => {})