vue3中，父组件有一个datas数组，子组件如何获得数组中的每一个数据

在Vue 3中，如果父组件想要向子组件传递`datas`数组中的每个数据，你可以通过 props（属性）来实现。下面是步骤：

1. **父组件**:
- 定义一个 prop 并在 `data()` 函数中初始化 `datas` 数组。

   export default {
     data() {
       return {
         datas: ['data1', 'data2', 'data3'], // 示例数组
       };
     },
     props: { // 定义传给子组件的prop
       item: {
         type: Array,
         default: () => [],
       },
     },
   }

2. **父组件模板**:
- 使用 v-for 指令将数组中的每一项作为 prop 传递给子组件。

   <template>
     <div>
       <child-component :item="datas" v-for="(item, index) in datas" :key="index"></child-component>
     </div>
   </template>

3. **子组件**:
- 接收并使用传入的 `item` 数据。

   <template>
     <div>{{ item }}</div> // 子组件模板中显示接收到的数据
   </template>

   <script>
   import { ref } from 'vue';
   export default {
     props: ['item'], // 接收父组件传递过来的数据
   };
   </script>