## 一、概述 路由器對象，它來管理路由； ## 二、構建選項 routes，參考route的定義部分：[route](route.md) 更多的參考：[https://router.vuejs.org/zh/api/#router-構建選項](https://router.vuejs.org/zh/api/#router-構建選項) ## 三、實例屬性 1、router.app 類型: Vue instance 配置了 router 的 Vue 根實例。 2、router.mode 類型: string 路由使用的模式。 3、router.currentRoute 類型: Route 當前路由對應的路由信息對象。 ## 四、實例方法 1、增加全局導航守衛； router.beforeEach router.beforeResolve router.afterEach 函數簽名： ~~~ router.beforeEach((to, from, next) => { /* 必須調用 `next` */ }) router.beforeResolve((to, from, next) => { /* 必須調用 `next` */ }) router.afterEach((to, from) => {}) ~~~ 2、動態的導航到一個新 URL router.push router.replace router.go router.back router.forward 函數簽名： ~~~ router.push(location, onComplete?, onAbort?) router.push(location).then(onComplete).catch(onAbort) router.replace(location, onComplete?, onAbort?) router.replace(location).then(onComplete).catch(onAbort) router.go(n) router.back() router.forward() ~~~ 3、動態添加更多的路由規則 router.addRoutes 函數簽名： ~~~ router.addRoutes(routes: Array<RouteConfig>) ~~~ 動態添加更多的路由規則。參數必須是一個符合 routes 選項要求的數組。 更多的參考：[https://router.vuejs.org/zh/api/#router-實例方法](https://router.vuejs.org/zh/api/#router-實例方法)