JS中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重置为初始状态，非常方便！