vue点击按钮跳转页面

您可以使用Vue Router来实现页面之间的跳转。

首先，您需要在您的Vue项目中安装Vue Router：

npm install vue-router --save

然后，在您的main.js文件中引入Vue Router并创建一个路由器：

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

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    // 在这里定义您的路由
  ]
})

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

接下来，您需要定义您的路由。在routes数组中添加每个页面的路由：

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

在这里，'/about'路径将渲染About组件。

最后，在您的模板中使用router-link标签来创建一个链接到您的新页面：

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

这将在页面上创建两个链接，一个链接到Home页面，另一个链接到About页面。