您好,登錄后才能下訂單哦!
這篇文章主要介紹“vue-router的路由守衛是什么”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“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)
關于“vue-router的路由守衛是什么”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。