vue-router有哪些路由守衛

vue-router路由守衛有：1、“全域路由守衛”，是指路由實例上直接操作的鉤子函數；2、“路由獨享守衛”，是指在單一路由配置時也可以設定的鉤子函數；3、“組件守衛”，指在組件內執行的鉤子函數。

本教學操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

路由守衛是什麼？

官方解釋：

「導航」表示路由正在改變。如其名，vue-router提供的導航守衛主要用來透過跳轉或取消的方式守衛導航。有多種機會植入路由導航過程中：全局的, 單一路由獨享的, 或組件級的。

簡單的說，導航守衛就是路由跳轉過程中的一些鉤子函數。路由跳轉是一個大的過程，這個大的過程分為跳轉前中後等等細小的過程，在每一個過程中都有一函數，這個函數能讓你操作一些其他的事兒，這就是導航守衛。類似元件生命週期鉤子函數

路由守衛分類

#1、全域路由守衛：是指路由實例上直接操作的鉤子函數，特點是所有路由配置的元件都會觸發，直白點就是觸發路由就會觸發這些鉤子函數

• #beforeEach（to，from， next）

• #beforeResolve（to，from， next）

• afterEach（to，from）

2、路由獨享守衛：是指在單一路由配置的時候也可以設定的鉤子函數

• beforeEnter（to，from， next）

3、元件守衛：是指在元件內執行的鉤子函數，類似元件內的生命週期，相當於為配置路由的元件所新增的生命週期鉤子函數。

• beforeRouteEnter（to，from， next）

• beforeRouteUpdate（to，from， next）

• #beforeRouteLeave（to，from， next）

（學習影片分享：vuejs教學、web前端）

以上是vue-router有哪些路由守衛的詳細內容。更多資訊請關注PHP中文網其他相關文章！