[toc]
## 歷史記錄棧

## 瀏覽器的前進后退

## Vue中的編程式導航
- `this.$router..back();`
后退一步
- `this.$router.forward()`
前進一步
- `this.$router.go()`
this.$router.go(-1)后退一步
this.$router.go(2)前進兩步
但當步數大于歷史記錄數,就會無效,嗯,是無效,而不是取一個最大值
this.$router.go(0)
會刷新頁面
- `this.$router.push()`
和上面的主要區別在于會**添加**一條歷史記錄
this.$router.push('/home')
this.$router.push({name:'home'})
對象寫法等同于router-link里的to
- `this.$router.replace()`
會**替換**一條歷史記錄

- 空白目錄
- vue-cli
- runtime-only
- Vue對比React
- 組件與實例
- data-binding
- computed的set和get
- scoped
- 事件
- 自定義指令
- 插件
- keep-alive
- $nextTick與生命周期
- 路由
- Vue.use(Router)
- this.$router編程式導航
- this.$route
- new Router
- routes
- mode
- linkClass
- scrollBehavior
- query
- fallback
- base
- router-view
- router-link
- 路由守衛
- 左右切換
- 滾動
- FAQ
- vuex
- 適用
- new Vuex.Store
- state
- mutations
- getters
- actions
- strict
- plugins
- modules
- namespace
- this.$store
- commit
- dispatch
- mapXX
- eventBus
- Vue工程相關
- 引用路徑的簡化
- css-module
- vue-loader
- 異步加載
- 支持jsx
- 讓webpack支持對vuex的熱替換
- .eslintrc