vue最新版本，【Vue2.0】—vue-router（二十七）

【Vue2.0】—vue-router（二十七）

一、路由配置

作用：讓路由組件更方便的收到參數

二、<router-link></ router-link> 的replace屬性

• 作用：控制路由跳轉時操作瀏覽器操作歷史記錄的模式
• 瀏覽器的歷史記錄有兩種寫入方式：分別是push和replace，push是追加歷史記錄，replace是替換當前的記錄，路由跳轉的時候默認是push
• 如何開啟replace模式

   <router-link replace………………></router-link>

三、編程式路由導航

作用：不借助實現路由跳轉，讓路由跳轉更加靈活

四、緩存路由組件

作用：讓不展示的路由組件保持掛載，不被銷毀

代碼如下：

五、兩個新的生命周期的鉤子

vue最新版本？作用：路由組件所獨有的兩個生命周期的兩個鉤子，用于捕獲路由組件的激活狀態

六、路由守衛

作用：對路由進行權限的控制
分類：全局守衛、獨享首位、組件內守衛

全局守衛

獨享路由守衛

組件內守衛

七、路由的兩種工作模式

1. vue路由傳值的幾種方式？對于一個url來說，什么是hash值？

   #及其后面的內容就是hash值

2. hash值不會包含在HTTP請求中，即：hash值不會帶給服務器

hash模式

• 地址中永遠帶著#號，不美觀
• 若以后將地址通過第三方手機app分享，若app校驗嚴格，地址會被標記為不合法
• 兼容性較好

history模式

• 地址干凈，美觀
• 兼容性和hash模式相比略差
• 應用部署上線時需要后端人員支持，解決頁面服務器端刷新404的問題