vue.js实现页面跳转

Vue.js 是一个前端框架，可以通过路由实现页面跳转。

首先，需要在项目中安装 `vue-router`，可以使用 npm 命令进行安装：

npm install vue-router

然后，在 Vue.js 应用程序的入口文件中，引入 `vue-router` 并使用它：

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

Vue.use(VueRouter)

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

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

在路由配置中，我们定义了两个路由 `/home` 和 `/about`，并指定了对应的组件。然后将路由实例注入到 Vue 实例中，这样就能在应用程序中使用路由了。

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

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

当用户点击链接时，路由会自动根据配置进行跳转。同时，也可以使用 `this.$router.push()` 方法来进行编程式跳转，例如：

methods: {
  goToHome() {
    this.$router.push('/home')
  }
}