vue中，点击按钮将父组件中的值传递给子组件

在Vue中，可以通过props属性将父组件的值传递给子组件。具体的实现步骤如下：

1. 在父组件中定义一个data属性，用来存储需要传递给子组件的值。

2. 在父组件中定义一个方法，用来修改data属性的值。

3. 在父组件中引入子组件，并使用v-bind指令将data属性的值传递给子组件的props属性。

4. 在子组件中定义一个props属性，用来接收父组件传递过来的值。

5. 在子组件中使用props属性中的值。

下面是一个示例代码：

父组件：

<template>
  <div>
    <button @click="changeValue">点击按钮</button>
    <ChildComponent :value="dataValue"></ChildComponent>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent'

export default {
  data () {
    return {
      dataValue: '父组件的值'
    }
  },

  methods: {
    changeValue () {
      this.dataValue = '修改后的值'
    }
  },

  components: {
    ChildComponent
  }
}
</script>

子组件：

<template>
  <div>
    <p>子组件中的值：{{ value }}</p>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: String,
      default: ''
    }
  }
}
</script>

在上面的代码中，父组件中定义了一个data属性dataValue，用来存储需要传递给子组件的值。在父组件中定义了一个方法changeValue，用来修改dataValue的值。在父组件中引入了子组件ChildComponent，并使用v-bind指令将dataValue的值传递给子组件的props属性。在子组件中定义了一个props属性value，用来接收父组件传递过来的值。最后，在子组件中使用了props属性中的值。这样就完成了将父组件中的值传递给子组件的操作。