vue兄弟组件之间传递object参数

在 Vue 中，可以通过props和事件来实现兄弟组件之间的数据传递。如果要传递一个Object类型的参数，可以将该对象作为props传递给子组件。

具体步骤如下：

1. 在父组件中定义一个对象，并将其作为props传递给子组件：

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

<script>
export default {
  data() {
    return {
      myObject: {
        name: 'Tom',
        age: 18
      }
    }
  },
  components: {
    'child-component': ChildComponent
  }
}
</script>

2. 在子组件中，通过props接收该对象，并在需要使用的地方进行绑定：

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

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

这样，父组件中的myObject对象就可以被子组件访问和使用了。如果需要在子组件中修改该对象，可以通过$emit触发一个事件，在父组件中进行相应的处理。