[toc]
## to的两种写法
### to="/app"
### :to="{name:路由的名字}"
等同于` :to="{path:'/xx'}"`
注意
## tag改变标签类型
## exact激活精确匹配样式
默认只有路径是以指定to开头,那么那个link的样式就会被激活
![](https://box.kancloud.cn/113f2aba608264690f820bb35ea78166_468x273.png)
如果不想这样,需将exact设置为true
![](https://box.kancloud.cn/f0c6dcbfa8322abb6bcf2e0e6dd38607_483x278.png)
原理是设置为true后,只有完全匹配路径的link才有`.router-link-active`这个样式
---
除了上面添加exact的方式,其实我们还可以通过给`.router-exact-link-active`添加样式而不是给 .router-link-active 添加样式来实现样式的精确匹配
## active-class
`<router-link active-class="diy">`
,这样设置的优势在于
,只有该link激活时才会有`diy`这个名字
- 空白目录
- 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