vue3中子组件往父组件传值

在Vue3中，子组件向父组件传值可以通过自定义事件和`$emit`方法实现。具体步骤如下：

1.在子组件中定义一个方法，用于触发自定义事件并传递数据：

// 子组件
import { defineComponent } from 'vue'

export default defineComponent({
  props: {
    childData: {
      type: String,
      default: ''
    }
  },
  methods: {
    sendDataToParent() {
      this.$emit('custom-event', '这是子组件传递给父组件的数据')
    }
  }
})

2.在父组件中使用子组件，并监听子组件的自定义事件：

// 父组件
<template>
  <div>
    <ChildComponent @custom-event="handleCustomEvent"></ChildComponent>
  </div>
</template>

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

export default defineComponent({
  components: {
    ChildComponent
  },
  methods: {
    handleCustomEvent(data) {
      console.log('父组件接收到子组件传递的数据：', data)
    }
  }
})
</script>

在上述代码中，`@custom-event`监听了子组件的自定义事件，`handleCustomEvent`方法接收子组件传递的数据并进行处理。