Vue.js 页面跳转：使用 `<router-link>` 和编程式导航

在 Vue 中，可以使用<router-link>组件来实现页面之间的跳转。\n\n首先，确保已经安装了 Vue Router 插件。然后，在 Vue 组件中使用<router-link>来创建链接，设置to属性为目标页面的路径。例如，要跳转到名为Home的页面，可以这样写：\n\nhtml\n<router-link to="/home">Go to Home</router-link>\n\n\n注意，上述代码中的/home是目标页面的路径，可以根据自己的需求进行修改。\n\n如果希望在点击链接时执行一些操作（例如触发方法或验证），可以使用<router-link>的@click事件。例如：\n\nhtml\n<router-link to="/home" @click="doSomething">Go to Home</router-link>\n\n\n在 Vue 实例中，定义一个名为doSomething的方法，然后在点击链接时会触发这个方法。\n\n另外，如果要在 Vue 组件中使用普通的<a>标签来实现跳转，可以使用 Vue Router 的$router对象进行编程式导航。例如：\n\nhtml\n<a :href="$router.resolve('/home').href">Go to Home</a>\n\n\n上述代码中的$router.resolve('/home').href会生成目标页面的完整路径，然后将其作为href属性的值。