Vue3父组件获取子组件的数据

在Vue3中，父组件可以通过使用`ref`或`reactive`来创建一个响应式对象，并将其作为props传递给子组件。这样可以在父组件中直接访问和修改子组件中的数据。

以下是一个示例：

<template>
  <div>
    <ChildComponent :childData="childData" />
    <button @click="updateChildData">更新子组件数据</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  setup() {
    const childData = ref('初始值');

    const updateChildData = () => {
      childData.value = '新的值';
    };

    return {
      childData,
      updateChildData,
    };
  },
};
</script>

在父组件中，我们通过`ref`创建了一个名为`childData`的响应式对象，并将其作为`childData`的props传递给子组件。在子组件中，我们可以直接使用`childData`作为数据，并且在父组件中更新`childData`的值也能反映到子组件中。

你可以根据自己的需求适配这个示例。希望对你有帮助！如果还有其他问题，请随时提问。