父组件向子组件传递一个数组

当父组件向子组件传递一个数组时，你可以使用 props 属性来实现。

在父组件中，将数组作为 props 的一个属性传递给子组件。在子组件中，声明接收该数组的 props，并在模板中使用它。

以下是一个示例，展示了父组件如何向子组件传递一个数组：

<!-- 父组件 -->
<template>
  <div>
    <ChildComponent :data="dataArray" />
  </div>
</template>

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

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

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

<script>
export default {
  props: {
    data: {
      type: Array,
      default: () => [],
    },
  },
};
</script>

在上述示例中，父组件通过在子组件上使用 `:data="dataArray"` 的方式向子组件传递了 `dataArray` 数组。子组件通过 `props` 属性声明接收 `data` 数组，并在模板中使用 `v-for` 指令遍历数组并显示每个元素。

请确保在子组件中正确声明了接收数组的 props，并在模板中使用它。这样，父组件就能成功地将数组传递给子组件，并在子组件中使用它。