安装依赖

npm install vue-router@3

提示：对于 TypeScript 用户来说，vue-router@3.0+ 依赖 vue@2.5+，反之亦然。

参考：https://router.vuejs.org/zh/

 

 

 

router-link 用法

官网介绍：https://router.vuejs.org/zh/api/#router-link

默认渲染成一个 <a> 元素。必须添加 to 属性，否则无法显示！to 属性表示目标路由。

<router-link to="/">超链接</router-link>

 

如果需要渲染成其他元素如 button，可以使用 tag 属性指定

<router-link to="/multi" tag="button"></router-link>

 

如果需要在元素内部添加子元素也可以：

<router-link to="/multi" tag="button" class="tab-item-button"> <i class="icon iconfont">&#xe60a;</i> </router-link>

 

router-link 在激活状态下 class 会自动绑定 router-link-active。通常可以使用这个 class 进行一些 tab 的高亮等。