vue如何实现页面跳转

Vue.js 提供了一个路由管理器 vue-router，可以帮助实现页面跳转。

首先，在 main.js 文件中引入 vue-router，然后创建一个路由实例并将其挂载到根实例上。

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    // 定义路由
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

然后在组件中可以使用 `router-link` 标签来实现跳转，例如：

<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>

也可以使用 `router.push()` 方法来实现编程式导航，例如：

// 在某个事件处理函数中跳转到 About 页面
this.$router.push('/about')

以上是 Vue.js 实现页面跳转的基本方法。如果需要更多高级功能，可以查看 vue-router 的官方文档。