vue点击按钮后传数据到另一个页面

你可以使用Vue Router来实现这个功能。首先在Vue项目中安装Vue Router：

npm install vue-router --save

然后在main.js中引入和使用Vue Router：

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

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/destination',
      name: 'destination',
      component: DestinationComponent
    }
  ]
})

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

上面的代码中定义了一个名为`destination`的路由，它对应的组件是`DestinationComponent`。

在需要传数据的页面中，你可以使用`router.push`方法来跳转到目标页面，并将数据通过路由参数进行传递：

this.$router.push({ name: 'destination', params: { data: yourData }})

在目标页面的组件中，你可以通过`$route.params`来获取路由参数：

mounted() {
  const data = this.$route.params.data
}

这样就完成了从点击按钮传递数据到另一个页面的功能。