vue 父组件向子组件传递数组

在Vue中，父组件可以向子组件传递数组类型的数据。以下是一个示例：

父组件：

<template>
  <div>
    <h1>父组件</h1>
    <ChildComponent :arrayData="dataArray" />
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      dataArray: [1, 2, 3, 4, 5]
    };
  }
};
</script>

子组件：

<template>
  <div>
    <h2>子组件</h2>
    <ul>
      <li v-for="item in arrayData" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  props: ['arrayData']
};
</script>

在父组件中，我们通过props将父组件的`dataArray`数组传递给子组件的`arrayData`属性。子组件可以使用`v-for`指令遍历这个数组，并展示其中的每个元素。当父组件的`dataArray`发生变化时，子组件也会相应地更新。

注意：在子组件中使用`v-for`时，需要给每个项设置一个唯一的key，这样Vue才能正确地跟踪和更新列表中的每个项。