vue如何实现页面跳转

Vue可以通过以下几种方式实现页面跳转：

使用<router-link>组件：<router-link>是Vue Router提供的组件，可以用于创建导航链接。通过设置to属性来指定目标路由，点击链接后会自动跳转到目标路由对应的页面。

<template>
  <div>
    <router-link to="/home">跳转到首页</router-link>
    <router-link :to="{ path: '/about' }">跳转到关于页面</router-link>
  </div>
</template>

使用编程式导航：在Vue组件中通过$router对象进行跳转。可以使用this.$router.push()方法跳转到目标路由。

// 在Vue组件中使用
methods: {
  goToHome() {
    this.$router.push('/home');
  },
  goToAbout() {
    this.$router.push({ path: '/about' });
  }
}

使用<a>标签：可以直接使用<a>标签来实现页面跳转，但是这种方式会刷新整个页面，不适用于单页应用。

<a href="/home">跳转到首页</a>
<a href="/about">跳转到关于页面</a>

注意：上述方式都需要配合Vue Router来进行页面跳转