vue2项目用router-link完成页面跳转

在Vue 2项目中，`router-link` 是官方 Vue Router 提供的一个组件，用于实现单向数据绑定并处理导航。它可以帮助你创建一个链接，当用户点击这个链接时，会自动触发路由切换，而不是常规的页面刷新。

使用 `router-link` 的基本语法如下：

<router-link :to="{ path: '/your-desired-route', name: 'route-name' }">
  <!-- 链接文本 -->
</router-link>

这里解释一下各个部分：

- `:to` 表示这是一个动态属性，它的值是一个对象，通常包含路由路径 `path` 或者路由名称 `name`。
- `path` 是具体的URL路径，例如 `/home` 或 `/about`。
- `name` 是你在 `router.js` 中为特定路由设置的名称，通过名字可以直接引用，方便管理。

如果希望在点击时不改变当前页面，可以添加 `.prevent` 属性：

<router-link to="/another-page" prevent>
  Go to another page
</router-link>