vue如何实现页面跳转

Vue.js 提供了一种路由机制，可以通过路由实现页面的跳转。

使用 Vue.js 进行页面跳转的步骤如下：

1. 安装 vue-router：可以使用 npm 或 yarn 安装。

2. 在 Vue.js 的入口文件中，引入 vue-router，并配置路由：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
  { path: '/contact', component: Contact }
]

const router = new VueRouter({
  routes
})

这里定义了三个路由，分别对应三个组件：Home、About 和 Contact。

3. 在 Vue.js 应用中，使用 `<router-link>` 标签来进行页面跳转。例如：

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

4. 在 Vue.js 应用的入口文件中，挂载路由：

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

这样，就可以通过点击 `<router-link>` 标签来实现页面跳转了。同时，也可以使用 `router.push()` 方法来通过编程的方式实现页面跳转。例如：

// 在组件中，通过编程的方式实现页面跳转
this.$router.push('/about')