vue router 和router-link

Vue Router 是 Vue.js 应用程序中的一个核心组件，用于管理单页面应用（SPA）的路由和导航。它提供了一种灵活的方式来组织和控制页面之间的跳转，使得开发人员能够根据用户的行为或URL的变化动态地渲染不同的视图。

`router-link` 是 Vue Router 提供的一个组件，它用于创建链接，并且具有“自动导航”功能。当你点击 `router-link` 标签时，它会自动调用 Vue Router 的导航方法，更新当前的视图和 URL。`router-link` 组件通常包含两个属性：

1. `to`: 定义链接的目标路径，可以是一个字符串（如 `/about`）、一个对象（如 `{ name: 'about', params: { id: 1 } }`），或者是一个 Vue Router 路由配置对象。
2. `href` 或 `name`: 如果 `to` 是一个名称，那么你可以使用 `name` 属性来指定，此时 `href` 将会渲染为路由的标签名（`<a>` 元素）。

使用 `router-link` 时，Vue Router 还提供了其他选项，如 `active-class` 控制激活状态的样式，`exact` 判断是否匹配完整路径等。