中除了to属性之外
还有一些其他属性:tag、replace、active-class
- tag则是将标签改成自己需要的标签,而不是路由默认的a标签。
格式:
<router-link to='/home' tag='li'>
- replace则是与history相对立,repalace不会渲染时不会留下记录,而history可以返回,类似栈(后进先出)
附:创建history如下:
const router = new VueRouter({
routes,
mode:'history'
})
- active-class则是当对应的路由匹配成功时,会自动给当前元素设置一个router-link-active的class,设置active-class可以修改默认名称,使代码阅读起来更简洁
这里的routes单独成立一个代码块