vue3中父组件怎么给子组件传对象

在 Vue 3 中，你可以通过使用 props 将对象传递给子组件。以下是一个例子：

父组件代码：

<template>
  <div>
    <child-component :myObject="parentObject"/>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentObject: {
        name: 'John Doe',
        age: 30
      }
    }
  }
}
</script>

子组件代码：

<template>
  <div>
    <p>Name: {{ myObject.name }}</p>
    <p>Age: {{ myObject.age }}</p>
  </div>
</template>

<script>
export default {
  props: {
    myObject: {
      type: Object,
      required: true
    }
  }
}
</script>

在子组件中，我们声明了一个名为 `myObject` 的 props，并将其类型设置为 Object。在父组件中，我们使用 `v-bind` 将 `parentObject` 对象传递给子组件的 `myObject` props。子组件中的 `myObject` props 将自动与 `parentObject` 对象进行绑定，因此我们可以直接访问并显示该对象的属性。