vue点击父组件的按钮，将父组件输入框中的内容带到子组件的输入框中，请写出具体代码

父组件模板代码：

<template>
  <div>
    <input type="text" v-model="inputValue">
    <button @click="passInputValueToChild">传递到子组件</button>
    <child-component :parentInputValue="inputValue"></child-component>
  </div>
</template>

父组件逻辑代码：

import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data () {
    return {
      inputValue: ''
    }
  },
  methods: {
    passInputValueToChild () {
      // 触发子组件的获取输入框值的方法
      this.$refs.child.getInputValue()
    }
  }
}

子组件模板代码：

<template>
  <div>
    <input type="text" v-model="inputValue">
  </div>
</template>

子组件逻辑代码：

export default {
  props: {
    parentInputValue: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      inputValue: this.parentInputValue
    }
  },
  methods: {
    getInputValue () {
      // 在控制台输出父组件传递过来的值
      console.log(this.parentInputValue)
    }
  }
}

以上代码实现了父组件的输入框中的内容传递到子组件的输入框中。在父组件中点击按钮后，触发传递数据的方法，调用子组件的获取输入框值的方法，将父组件的值传递给子组件。