vue object.assign

// 使用 Object.assign 在 Vue 中合并对象的示例

// 定义一个 Vue 实例
new Vue({
  el: '#app',
  data: {
    // 原始对象
    originalObject: {
      name: 'Alice',
      age: 25
    },
    // 新对象，包含需要合并的属性
    newProperties: {
      age: 30,
      city: 'Beijing'
    }
  },
  methods: {
    // 合并对象的方法
    mergeObjects() {
      // 使用 Object.assign 合并两个对象
      this.originalObject = Object.assign({}, this.originalObject, this.newProperties);
      console.log(this.originalObject); 
      // 输出结果为 { name: 'Alice', age: 30, city: 'Beijing' }
    }
  }
});

解释说明：

• Object.assign 是 ES6 提供的一个用于将所有可枚举属性的值从一个或多个源对象复制到目标对象的方法。它会返回目标对象。
• 在上面的代码中，我们定义了一个 Vue 实例，并在 data 中定义了两个对象：originalObject 和 newProperties。
• 在 methods 中定义了一个 mergeObjects 方法，该方法使用 Object.assign 将 newProperties 的属性合并到 originalObject 中。
• 注意，Object.assign 是浅拷贝，因此它只会复制对象的第一层属性。如果对象中有嵌套的对象，嵌套对象内部的属性不会被深拷贝。