router-link

router-link是Vue.js中的一个组件，用于在应用程序中创建链接。它有两种用法：

1. 跳转同一级的路由页面：这种用法相当于使用a标签直接跳到新页面，无需使用router-view占位符。示例代码如下：

<router-link to="/home" tag="button">跳转同一级home的页面</router-link>
<router-link to="/cart" tag="button">跳转同一级cart的页面</router-link>

2. 在上一级中显示下一级路由（children）：这种用法不会跳转到新页面，而是在上一级组件中显示下一级路由的内容。需要使用router-view占位符来展示下一级路由的内容。示例代码如下：

<div>
  <router-link to="/home/new1" tag="button">我是home页面中的new1内容</router-link>
  <router-link to="/home/new2" tag="button">我是home页面中的new2内容</router-link>
</div>
<router-view></router-view> //占位符

以上是router-link的两种用法，您可以根据需求选择适合的方式来创建链接。