[toc]
## 历史记录栈
![](https://box.kancloud.cn/2f55b6f21886dcebba93f17b9d0bae7b_149x283.png)
## 浏览器的前进后退
![](https://box.kancloud.cn/f62ebc4550c49cf072baf18cea254e1c_190x28.png)
## 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()`
会**替换**一条历史记录
![](https://box.kancloud.cn/f70536b83b41e46e2d00f7b5aac45888_322x227.png)
- 空白目录
- 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