<router-link的使用

<router-link> 是 Vue.js 中用于声明式地导航到应用程序中的不同页面的组件。它可以被渲染成一个带有指定目标路由的链接标签，当用户点击链接时，URL 会自动更新，应用程序的视图也会相应地更新。

下面是一个简单的例子：

<template>
  <div>
    <h1>Home Page</h1>
    <router-link to="/about">About Page</router-link>
  </div>
</template>

<script>
export default {
  name: "HomePage",
};
</script>

在上面的代码中，我们使用 `<router-link>` 组件来创建一个指向 `/about` 路由的链接。当用户点击这个链接时，应用程序会自动导航到 `/about` 路由，并渲染相应的组件。