如何将数据从子组件发送到Vue中的父脚本部分？

// 子组件的代码
methods: {
  sendDataToParent() {
    // 要传递的数据
    const data = 'Hello from child component';
    // 触发自定义事件并传递数据
    this.$emit('childData', data);
  }
}

<!-- 父组件的模板代码 -->
<template>
  <div>
    <child-component @childData="handleChildData"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleChildData(data) {
      // 处理从子组件传递过来的数据
      console.log(data); // 在控制台输出: Hello from child component
    }
  }
}
</script>