Vue 页面跳转：使用 `<router-link>` 和 `this.$router.push()`

在 Vue 中，可以使用 <router-link> 组件或 this.$router.push() 方法进行页面跳转。\n\n1. 使用 <router-link> 组件：\n 在模板中使用 <router-link> 组件来创建页面链接，它会自动渲染成 <a> 标签，并且会自动添加活动类（active class）：\n html\n <router-link to="/path">跳转到目标页面</router-link>\n \n\n2. 使用 this.$router.push() 方法：\n 在组件的 JavaScript 代码中，可以使用 this.$router.push() 方法来进行页面跳转。该方法接收一个路由对象或一个路径字符串作为参数：\n javascript\n // 跳转到目标页面（通过路径字符串）\n this.$router.push('/path');\n\n // 跳转到目标页面（通过路由对象）\n this.$router.push({ path: '/path' });\n \n\n 另外，还可以使用命名路由、带参数的路由等方式进行页面跳转，具体可以参考 Vue Router 的官方文档：https://router.vuejs.org/zh/api/#router-push