Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，讓構建單頁面應用變得易如反掌。包含的功能有：

• 嵌套的路由/視圖表
• 模塊化的、基于組件的路由配置
• 路由參數、查詢、通配符
• 基于 Vue.js 過渡系統的視圖過渡效果
• 細粒度的導航控制
• 帶有自動激活的 CSS class 的鏈接
• HTML5 歷史模式或 hash 模式，在 IE9 中自動降級
• 自定義的滾動條行為

路由的鉤子函數總結有6個

全局的路由鉤子函數：beforeEach、afterEach

單個的路由鉤子函數：beforeEnter

組件內的路由鉤子函數：beforeRouteEnter、beforeRouteLeave、beforeRouteUpdate

 

模塊一：全局導航鉤子函數

1、vue router.beforeEach（全局前置守衛）

beforeEach的鉤子函數，它是一個全局的before 鉤子函數，

（beforeEach）意思是在 每次每一個路由改變的時候都得執行一遍。

它的三個參數：

to: (Route路由對象) 即將要進入的目標 路由對象 to對象下面的屬性： path params query

總結

以上是生活随笔為你收集整理的vue路由的钩子函数有哪些？都做了哪些事情？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。