js中或者vue中 Object.assign()用法详解

Object.assign()是浅拷贝。

合并对象
　　　　var o1 = { a: 1 };
　　　　var o2 = { b: 2 };
　　　　var o3 = { c: 3 };

　　　　var obj = Object.assign(o1, o2, o3);
　　　　console.log(obj); // { a: 1, b: 2, c: 3 }
　　　　console.log(o1); // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变。

注意，具有相同属性的对象，同名属性，后边的会覆盖前边的。

Vue中的使用技巧
　　由于Object.assign()有上述特性，所以我们在Vue中可以这样使用：
Vue组件可能会有这样的需求：在某种情况下，需要重置Vue组件的data数据。此时，我们可以通过this.$data获取当前状态下的data，通过this.$options.data()获取该组件初始状态下的data。然后只要使用Object.assign(this.$data, this.$options.data())就可以将当前状态的data重置为初始状态，非常方便！