vue如何实现页面跳转

Vue可以使用vue-router来实现页面跳转。具体步骤如下：

1. 安装vue-router：可以使用npm命令来进行安装：npm install vue-router --save

2. 在Vue项目中创建一个router.js文件，用于配置路由。在该文件中可以定义路由组件以及路由映射关系。

3. 在Vue项目的入口文件main.js中，引入router.js文件，并将其注入到Vue实例中。

4. 在需要跳转的组件中，可以使用router-link标签或者使用编程式导航的方式来进行页面跳转。

例如，在router.js文件中定义了一个路由映射关系：

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import About from '@/components/About'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    }
  ]
})

在组件中使用router-link标签实现页面跳转：

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

或者使用编程式导航的方式实现页面跳转：

<script>
export default {
  methods: {
    jumpToAbout() {
      this.$router.push('/about')
    }
  }
}
</script>