vue-router--route-link的样式

是 vue-route 中的一个组件，它的作用就是相当于 a 标签一样的给路由做导航，事实上它也确实是默认被渲染为 a 标签。关于它的详细信息请看 官方文档

 

这里要说的是在使用中要注意的一些问题：

1. replace

添加这个属性的路由在导航后不会留下 history 记录，目测这是一个非常好用的属性，可以解决以前烦死人的 history 问题，大幅提高用户体验。

 

2. tag

route-link 会被默认渲染为 a 标签，如果你想让它渲染成其它的标签就可以使用 tag 属性，这样可以解决一些 a 标签的默认样式问题。

 

3. exact

设置了这个属性的路由会被认为是处于激活状态，最典型的应用就是导航栏了，比如说一组5个 tab，给第一个 tab 设置这个属性，那么它就是处于选中状态。

 

4. active-class

链接激活时的类名，其实这个也是为了方便导航栏切换状态的，设置这个属性就可以让链接在激活时自动切换相应的样式。

 

5. router-link-active

这是一个类名，也是上面第四条属性的默认值，就是说链接在被激活时会自动给加上这个 class，所以就可以把这个 class 写在 style 里面，里面写上导航在激活时的一些公共样式，比如字体颜色，大小等。