# 路由選項
當創建路由器實例時,可以使用以下參數自定義路由器的行為。
#### hashbang
- 默認值: true
- 只在 hash 模式下可用
當 hashbang 值為 true 時,所有的路徑都會被格式化為以 `#!` 開頭。例如 `router.go('/foo/bar')` 會把瀏覽器的 URL 設為 `example.com/#!/foo/bar` 。
#### history
- 默認值: false
啟用 HTML5 history 模式。利用 `history.pushState()` 和 `history.replaceState()` 來管理瀏覽歷史記錄。
**注意**: 當使用 HTML5 history 模式時,服務器需要被[正確配置](http://readystate4.com/2012/05/17/nginx-and-apache-rewrite-to-support-html5-pushstate/) 以防用戶在直接訪問鏈接時會遇到404頁面。
#### abstract
- 默認值: false
使用一個不依賴于瀏覽器的瀏覽歷史虛擬管理后端。虛擬模式在測試或者實際的 URL 并不重要時,非常有用。例如 Electron 或者 Cordova 應用。在非瀏覽器模式下,路由器同樣會退化為抽象模式。
#### root
- 默認值: null
- 只在 HTML5 history 模式下可用
定義路由根路徑。在 `router.go()` 、`v-link` 以及在路由對象中配置的所有路徑都會解析為此根路徑的相對路徑,根路徑總是會出現在瀏覽器地址欄的 URL 中。
例如,對于 `root: '/foo'` ,`v-link="/bar"` 會把瀏覽器 URL 設置為 `/foo/bar` 。直接訪問 `/foo/bar` 會匹配路由配置中的 `/bar` 。
多數情況下,在應用中并不需要關心 `root` 。
#### linkActiveClass
- 默認值: `"v-link-active"`
配置當 `v-link` 元素匹配的路徑時需要添加到元素上的 class 。只要當前路徑以 `v-link` 的 URL 開頭,這個 class 就會被添加到這個元素上。活躍匹配的規則和添加的 class 也可以通過 `v-link` 的內聯選項單獨指定。
#### saveScrollPosition
- 默認值: false
- 只在 HTML5 history 模式下可用
當用戶點擊后退按鈕是,借助 HTML5 history 中的 `popstate` 事件對應的 state 來重置頁面的滾動位置。注意,當 `<router-view>` 設定了相應的場景切換效果時,這個可能不會得到預想的效果。
#### transitionOnLoad
- 默認值: false
在初次加載時是否對 `<router-view>` 處理場景切換效果。默認情況下,組件在初次加載時會直接渲染。
#### suppressTransitionError
- 默認值: false
當值為 `true` 時,在場景切換鉤子函數中發生的異常會被吞掉。
- vue
- 官方教程
- 起步
- 安裝
- 概述
- Vue 實例
- Class 與 Style 綁定
- 數據綁定語法
- 條件渲染
- 列表渲染
- 表單控件綁定
- 組件
- 計算屬性
- 自定義指令
- 自定義過濾器
- 方法與事件處理器
- 混合
- 插件
- 過渡
- 深入響應式原理
- 對比其它框架
- 構建大型應用
- API
- vue-router
- 安裝
- 基本用法
- 嵌套路由
- 路由對象和路由匹配
- 具名路徑
- 路由配置項
- router-view
- v-link
- 切換控制流水線
- 切換鉤子函數
- data
- activate
- deactivate
- canActivate
- canDeactivate
- canReuse
- API
- 路由實例屬性
- router.start
- router.stop
- router.map
- router.on
- router.go
- router.replace
- router.redirect
- router.alias
- router.beforeEach
- router.afterEach
- 文章
- VUE.JS: A (RE)INTRODUCTION
- 源碼
- 表單控件綁定