关于vue data一键清空

今天学习到一个新的属性
Object.assign
这个方法本意是将所有对象枚举将对象合并
例如:
const target = { hehe: 1 };

const source1 = { hehe1: 2 };
const source2 = { hehe2: 3 };

Object.assign(target, source1, source2);
target 打印的值为 {hehe:1, hehe1:2, hehe2:3}
第一个参数是目标参数，后面的都是要合并的参数，也就是说第二个第三个参数都会往第一个里面合并，并且进行覆盖，比如说如果source1里面也有一个建 为 hehe：3, 那么打印的结果就是{hehe:3, hehe1:2, hehe2:3}，后面的参数也会覆盖前面的。
注意是浅拷贝，也就是拷贝的是地址而不是值。
所以会覆盖原有的值

这个时候用在data身上在好不过.
data 里面有很多属性，大多数初始化是null,但是有的初始化为一个数组,所以不能能objct.key遍历data而清空,
这个时候就利用到了vue 的两个值
this.$data这个值为vue当前数组this.$options.data() 这个值为data的初始化数组

所以
Object.assign(this.$data,this.$options.data())
使用这个方法就可以把现在的data值完美覆盖，初始化