重置vue组件的data数据

在vue组件中，我们经常会遇到恢复data数据的操作，而一个一个去书写成原始值是比较麻烦的。这个时候就可以使用Object.assign()

当Object.assign(A,B)只有2个参数时，则A就会被B给替换。

例如：通过this.$data获取到当前data的数据状态，通过this.$options.data() 获取到data的初始状态。（获取到data后可以链式获取data里的某个对象/属性）

 

 当Object.assign()有多个参数时，则就是合并对象。

const o1 = { a: 1, b: 1, c: 1 };
const o2 = { b: 2, c: 2 };
const o3 = { c: 3 };
 
const obj = Object.assign({}, o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 },注意属性被后续参数中具有相同属性的其他对象覆盖

 

 

参考：JS中Object.assign()的用法_js assign用法_小小平不平凡的博客-CSDN博客