vue3父子组件，父组件穿的数组，子组件通过@porp（）如何接收

在Vue 3中，父子组件之间的通信可以通过props属性来实现。当父组件向子组件传递数组时，子组件可以通过使用props装饰器来接收。

首先，在父组件中，你可以通过在子组件标签上使用v-bind指令来将数组传递给子组件的props属性。例如：

<template>
  <div>
    <child-component :myArray="parentArray"></child-component>
  </div>
</template>

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

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

然后，在子组件中，你可以使用@Prop装饰器来声明接收父组件传递的数组。例如：

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

<script>
import { Prop, Vue } from 'vue-property-decorator';

export default class ChildComponent extends Vue {
  @Prop(Array) readonly myArray!: Array<number>;
}
</script>

在上面的例子中，父组件通过v-bind指令将parentArray传递给了子组件的myArray属性。子组件使用@Prop装饰器声明了myArray属性，并指定了它的类型为Array。