vue点击按钮把这个页面需要的数据传到另一个页面

可以通过路由参数或者状态管理（如Vuex）来实现。

1. 路由参数：

在组件中使用 `this.$router.push` 方法进行路由跳转，并传递参数。例如：

this.$router.push({
  path: '/target',
  query: {
    data1: 'value1',
    data2: 'value2'
  }
})

在目标页面中，可以通过 `this.$route.query` 获取传递的参数。例如：

mounted() {
  console.log(this.$route.query.data1) // 输出 'value1'
  console.log(this.$route.query.data2) // 输出 'value2'
}

2. 状态管理：

在需要传递数据的组件中，通过 `this.$store.commit` 方法提交一个 mutation 来修改 store 中的状态。例如：

this.$store.commit('setData', { data1: 'value1', data2: 'value2' })

在目标页面中，可以通过 `this.$store.state` 获取 store 中的状态。例如：

mounted() {
  console.log(this.$store.state.data1) // 输出 'value1'
  console.log(this.$store.state.data2) // 输出 'value2'
}

需要注意的是，使用状态管理需要先进行 store 的配置。具体可以参考 Vuex 的官方文档。