props传递对象_解决vue组件props传值对象获取不到的问题

在Vue组件中，如果需要传递一个对象作为props，可以使用v-bind指令将对象绑定到props属性上。例如：

<template>
  <child-component :my-object="myObject"></child-component>
</template>

<script>
export default {
  data() {
    return {
      myObject: {
        name: 'John',
        age: 30
      }
    }
  }
}
</script>

在子组件中，可以通过this.$props来获取传递的对象：

<template>
  <div>{{ $props.myObject.name }}</div>
</template>

<script>
export default {
  props: ['myObject']
}
</script>

如果对象比较复杂，可以使用对象解构语法来获取其中的属性：

<template>
  <div>{{ name }}</div>
</template>

<script>
export default {
  props: {
    myObject: {
      type: Object,
      default: () => {}
    }
  },
  computed: {
    name() {
      return this.myObject.name
    }
  }
}
</script>

注意，如果在子组件中改变了传递的对象，会影响到父组件中的对象，因为对象在JavaScript中是引用类型。如果需要避免这种情况，可以在子组件中复制一份对象再进行修改。