vue点击按钮跳转页面

你可以使用 Vue Router 来实现点击按钮跳转页面的功能。首先，需要在 `main.js` 中引入并使用 Vue Router：

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

Vue.use(VueRouter)

然后，在项目根目录下创建一个 `router` 目录，在该目录下创建一个 `index.js` 文件，用来定义路由信息：

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/views/Home.vue'
import About from '@/views/About.vue'

Vue.use(VueRouter)

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

const router = new VueRouter({
  routes
})

export default router

在上面的代码中，我们定义了两个路由：`/` 对应 `Home` 组件，`/about` 对应 `About` 组件。

最后，在需要使用按钮跳转页面的组件中，可以使用 `router-link` 组件来实现：

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

`to` 属性用来指定跳转的路径。

当用户点击 `router-link` 组件时，会自动触发路由跳转。