vue父组件给子组件传一个数组的数据

在 Vue 中，可以通过 `props` 属性将数据从父组件传递给子组件。以下是一个父组件向子组件传递数组数据的示例：

父组件：

<template>
  <div>
    <child-component :items="myItems"></child-component>
  </div>
</template>

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

export default {
  name: 'ParentComponent',
  data() {
    return {
      myItems: ['item1', 'item2', 'item3']
    }
  },
  components: {
    ChildComponent
  }
}
</script>

在上面的代码中，父组件中的 `myItems` 数组会通过 `:items` 语法绑定到子组件的 `items` 属性上。

子组件：

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'ChildComponent',
  props: {
    items: {
      type: Array,
      required: true
    }
  }
}
</script>

在上面的代码中，子组件定义了一个 `items` 的 `props` 属性，类型为 `Array`，并指定为必需的。在模板中使用 `v-for` 遍历 `items` 数组，并显示每个数组项的值。

通过上面的示例，可以看到如何在父组件和子组件之间传递数组数据，并在子组件中使用 `props` 属性来接收和使用这些数据。