Vue Router 是?Vue.js?官方的路由管理器。它和 Vue.js 的核心深度集成，讓構(gòu)建單頁面應(yīng)用變得易如反掌。

1.動態(tài)路由匹配：

可以在??vue-router?的路由路徑中使用“動態(tài)路徑參數(shù)”(dynamic segment)，一個“路徑參數(shù)”使用冒號?:?標(biāo)記。當(dāng)匹配到一個路由時，參數(shù)值會被設(shè)置到this.$route.params，可以在每個組件內(nèi)使用。

動態(tài)路徑匹配

2.嵌套的路由/視圖表

使用<router-view>，配置children屬性

3.編程式導(dǎo)航

router.push(location, onComplete?, onAbort?)

該方法的參數(shù)可以是一個字符串路徑，或者一個描述地址的對象。

編程式導(dǎo)航

注意：如果提供了?path，params?會被忽略。

router.replace(location, onComplete?, onAbort?)

router.replace 方法跟?router.push?很像，唯一的不同就是，它不會向 history 添加新記錄，而是跟它的方法名一樣 —— 替換掉當(dāng)前的 history 記錄。

router.go(n)

這個方法的參數(shù)是一個整數(shù)，意思是在 history 記錄中向前或者后退多少步，類似?window.history.go(n)。

4.命名路由

建 Router 實(shí)例的時候，在?routes?配置中給某個路由設(shè)置名稱。

配置路由名稱

5.命名視圖

router-view可以在界面中擁有多個單獨(dú)命名的視圖，而不是只有一個單獨(dú)的出口。如果?router-view?沒有設(shè)置名字，那么默認(rèn)為?default。

6.重定向和別名

重定向也是通過?routes?配置來完成：

重定向

/a?的別名是?/b，意味著，當(dāng)用戶訪問?/b?時，URL 會保持為?/b，但是路由匹配則為?/a，就像用戶訪問?/a?一樣。

別名

7.帶有自動激活的 CSS class 的鏈接

8.HTML5 歷史模式或 hash 模式，在 IE9 中自動降級

9.自定義的滾動條行為