在vue中使用defineEmit时，如何在子组件获得父组件中的返回值

在Vue中使用`defineEmit`来定义自定义事件时，子组件可以通过`$emit`方法触发该事件，并传递参数。父组件可以通过`v-on`指令监听该事件，并在处理函数中获取子组件传递的参数。以下是一个示例：

父组件：

<template>
  <div>
    <child-component @my-event="handleEvent"></child-component>
    <p>父组件中的返回值：{{ message }}</p>
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue'
import ChildComponent from './ChildComponent.vue'

export default defineComponent({
  components: {
    ChildComponent
  },
  setup() {
    const message = ref('')
    const handleEvent = (data) => {
      message.value = data
    }
    return {
      message,
      handleEvent
    }
  }
})
</script>

子组件：

<template>
  <div>
    <button @click="emitEvent">触发事件</button>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  emits: ['my-event'],
  methods: {
    emitEvent() {
      this.$emit('my-event', '子组件中的返回值')
    }
  }
})
</script>

在父组件中，我们定义了`handleEvent`方法，用于处理自定义事件，并将子组件传递的参数赋值给`message`变量。在子组件中，我们定义了`emits`选项，指定了自定义事件的名称。在`emitEvent`方法中，我们使用`$emit`方法触发该事件，并传递了一个字符串参数。

当子组件中的按钮被点击时，自定义事件被触发，父组件中的`handleEvent`方法被调用，并将子组件传递的字符串参数赋值给`message`变量。最终，父组件中的`<p>`标签中会显示`父组件中的返回值：子组件中的返回值`。