router-link属性介绍

tag

tag可以指定<router-link> 之后渲染成什么组件，比如tag="button"将会被渲染成button样式。

<router-link to="/home" tag="button">首页</router-link>

replace

replace不会留下history记录，指定replace的情况下，后退返回键不能返回的上一个页面。

<router-link to="/home" replace>首页</router-link>

active-class

active-class改变active的默认名称。

<router-link to="/about" tag="button" replace active-class="active">关于</router-link>

export default new Router({
  //hash改history
  mode:"history",
  //改变Active默认
  linkActiveClass:"active",
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
}