vue3.js父组件获取子组件数据

在Vue3中，可以通过`ref`和`emit`来实现父组件获取子组件数据的功能。

具体步骤如下：

1.在子组件中，使用`ref`来定义子组件的引用，并在需要传递数据的地方使用`emit`方法来触发自定义事件，并将数据作为参数传递。

<template>
  <div>
    <button @click="sendData">发送数据到父组件</button>
  </div>
</template>

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

export default defineComponent({
  setup(props, { emit }) {
    const data = ref('子组件数据')

    const sendData = () => {
      emit('send-data', data.value)
    }

    return {
      sendData
    }
  }
})
</script>

2.在父组件中，使用`ref`来获取子组件的引用，并在`mounted`钩子函数中监听子组件的自定义事件，并在回调函数中获取子组件传递的数据。

<template>
  <div>
    <son ref="son"></son>
  </div>
</template>

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

export default defineComponent({
  mounted() {
    this.$refs.son.$on('send-data', data => {
      console.log('父组件接收到子组件数据：', data)
    })
  }
})
</script>

在上述代码中，`this.$refs.son`可以获取到子组件的引用，`$on`方法用于监听子组件的自定义事件，`data`参数即为子组件传递的数据。

--相关问题--:
1. Vue3中如何在父组件中向子组件传递数据？
2. Vue3中如