vue prop自定义一个对象

可以通过以下方式在 Vue 的 props 中自定义一个对象：

props: {
  myObj: {
    type: Object,
    default: function() {
      return {
        prop1: 'default value 1',
        prop2: 'default value 2'
      }
    }
  }
}

在上面的代码中，我们声明了一个名为 `myObj` 的 props，类型为 Object。我们还定义了一个默认值，该默认值是一个包含两个属性的对象。在组件中使用时，我们可以通过以下方式访问 `myObj` 对象的属性：

<template>
  <div>
    <p>{{ myObj.prop1 }}</p>
    <p>{{ myObj.prop2 }}</p>
  </div>
</template>

当然，也可以通过父组件中的数据来传递 `myObj` 对象的值：

<template>
  <my-component :my-obj="parentObj"></my-component>
</template>

其中 `parentObj` 是父组件中的一个对象，可以包含任意数量的属性和值。在子组件中，我们可以像上面那样使用 `myObj` 对象的属性访问父组件传递过来的值。