vue 合并两个对象属性

在 Vue 中，你可以使用 `Object.assign()` 或者展开运算符 `...` 来合并两个对象的属性。

示例1：使用 `Object.assign()` 方法合并对象属性

<script>
export default {
  data() {
    return {
      obj1: { name: 'John', age: 25 },
      obj2: { gender: 'Male', occupation: 'Engineer' }
    };
  },
  computed: {
    mergedObject() {
      return Object.assign({}, this.obj1, this.obj2);
    }
  }
};
</script>

在上面的示例中，`obj1` 和 `obj2` 是两个对象，我们使用 `Object.assign()` 方法将它们的属性合并到一个新对象中，通过在计算属性 `mergedObject` 中返回这个新对象来实现合并。

示例2：使用展开运算符 `...` 合并对象属性

<script>
export default {
  data() {
    return {
      obj1: { name: 'John', age: 25 },
      obj2: { gender: 'Male', occupation: 'Engineer' }
    };
  },
  computed: {
    mergedObject() {
      return { ...this.obj1, ...this.obj2 };
    }
  }
};
</script>

在上面的示例中，我们使用展开运算符 `...` 来将 `obj1` 和 `obj2` 的属性展开，然后用这些展开的属性创建一个新对象，并通过计算属性 `mergedObject` 返回这个新对象来实现合并。

无论你选择使用 `Object.assign()` 还是展开运算符 `...`，都可以实现合并对象属性的目的。选择哪种方式取决于你的个人喜好和项目需求。

希望这个回答能够帮助你合并两个对象的属性。如果你有任何进一步的问题，请随时提问。