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中文網其他相關文章!