vue-router前端路由使用(2)

1.在vue文件中操作:     
<router-link to='/login' tag="span"></router-link>     //这里to属性里面指定要前往的目标地址 及在router路由文件里设置的path地址 这里tag属性指的是 把这个路由渲染成span标签 如果不填则默认渲染成a标签 

1.tag属性

有时候想要 <router-link> 渲染成某种标签，例如 <li>。 于是我们使用 tag prop 类指定何种标签，同样它还是会监听点击，触发导航。

<router-link to='/login' tag="span"></router-link>

<router-view></router-view>   //作用:充当路由所要跳转的页面的占位符使用 将所填的路由匹配的组件展示到<router-view>中
 <!-- 路由出口 -->
  <!-- 路由匹配到的组件将渲染在这里 -->

2.replace属性
设置 replace 属性的话，当点击时，会调用 router.replace() 而不是 router.push()，导航后不会留下 history 记录。

<router-link to='/home' replace></router-link>

 router-link里的replace属性: 当你设置这个属性后 当你切换路由时 则浏览器不会保存你路由的历史记录 当没设置时 默认是pull模式  则会自动保存历史记录