vue-router有哪些路由守衛
- 青灯夜游原創
- 2022-03-03 16:47:316975瀏覽
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）
以上是vue-router有哪些路由守衛的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn