父组件监听子组件的值

父组件可以通过监听子组件的事件来获取子组件的值。在Vue中，可以通过在父组件中使用`@事件名`来监听子组件触发的事件，并在父组件的方法中处理子组件传递的值。

以下是一个示例代码，演示了父组件如何监听子组件的值变化：

<!-- 父组件 -->
<template>
  <div>
    <child-component @valueChange="handleValueChange" />
    <p>子组件的值：{{ childValue }}</p>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      childValue: ''
    };
  },
  methods: {
    handleValueChange(value) {
      this.childValue = value;
    }
  }
};
</script>

<!-- 子组件 -->
<template>
  <div>
    <input type="text" v-model="inputValue" @input="emitValueChange" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    emitValueChange() {
      this.$emit('valueChange', this.inputValue);
    }
  }
};
</script>

在上述示例中，父组件通过监听子组件的`valueChange`事件来获取子组件的值，并将其赋值给`childValue`。子组件通过`$emit`方法触发`valueChange`事件，并将输入框的值作为参数传递给父组件。