vue中如何实现点击一个按钮时，将父组件的值传递给子组件

可以通过props来实现将父组件的值传递给子组件。具体步骤如下：

1. 在父组件中定义一个变量，并将它作为props传递给子组件，例如：

<template>
  <div>
    <button @click="handleClick">点击按钮</button>
    <child-component :parent-value="parentValue"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentValue: '父组件的值'
    }
  },
  methods: {
    handleClick() {
      // 点击按钮时修改父组件的值
      this.parentValue = '修改后的父组件的值'
    }
  }
}
</script>

2. 在子组件中定义一个props，用于接收父组件传递过来的值，例如：

<template>
  <div>
    <p>父组件传递过来的值：{{ parentValue }}</p>
  </div>
</template>

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

这样，当点击父组件中的按钮时，就会触发父组件的方法，修改父组件中的值，然后将修改后的值通过props传递给子组件，子组件就可以使用这个值了。