<router-link>的常用属性
<router-link>是路由对象里面已经封装好的一个组件, 支持用户在具有路由功能中的点击导航。
1.to属性:可以通过to属性指定目标地址
2.replace属性:不需要接属性值,当你点击不同的组件时默认是通过history.pushState方式来路由跳转,history.pushState方式可以点浏览器的返回来返回到上一个页面地址,类似栈中数据的存取方式,当我们添加了replace属性后会通过history.replaceState方式来跳转页面,history.replaceState是通过替换上一个页面的地址来页面跳转的,故不可再返回到上一个页面
3.active-class属性:当对应的路由处于活跃状态时,会自动给当前元素设置一个router-link-active的class,设置active-class可以修改默认名称
4.在这里再教大家另一个修改这个router-link-active的class名称的方法,在router文件夹下的index.js里面,router里添加一个linkActiveClass属性,属性值就是router-link-active类更改后的名字,这样的好处就是当项目中有多个<router-link>时不用一个一个改,代码也更简介美观