vue父组件传递对象数组给子组件

要将对象数组传递给子组件，可以使用 Vue 的 props。以下是一个简单的示例：

在父组件中，定义一个对象数组：

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

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      items: [
        { name: 'apple', price: 1.0 },
        { name: 'banana', price: 2.0 },
        { name: 'orange', price: 3.0 }
      ]
    };
  }
};
</script>

在子组件中，定义 props 接收父组件传递的对象数组：

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

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

这样就可以在子组件中使用父组件传递的对象数组了。