vue3父组件遍历子组件，如何拿到所有子组件中的数据

在Vue 3中，可以使用`ref`和`provide`来实现父组件遍历子组件并获取子组件中的数据。具体步骤如下：

1. 在子组件中，使用`ref`将需要传递给父组件的数据包裹起来。例如，创建一个名为`dataRef`的`ref`变量，并将需要传递的数据赋值给它。

import { ref } from 'vue';

export default {
  setup() {
    const dataRef = ref('子组件数据');
    // 其他逻辑...

    return {
      dataRef
    };
  }
};

2. 在父组件中，使用`provide`将子组件中的数据提供给父组件的上下文。

import { provide } from 'vue';

export default {
  setup() {
    provide('子组件数据', dataRef.value);
    // 其他逻辑...
  }
};

3. 在父组件中，通过遍历子组件的方式获取所有子组件的数据。

import { inject } from 'vue';

export default {
  setup() {
    const 子组件数据 = inject('子组件数据');
    // 其他逻辑...

    return {
      子组件数据
    };
  }
};

通过以上步骤，你可以在Vue 3中实现父组件遍历子组件，并拿到所有子组件中的数据。请根据你的具体项目需求进行相应的调整和使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>