Vue 中怎么重置 data

在某些情况下，需要重新使用data中的数据，但是data中的数据已经被各种表单、变量等赋值，那么怎么重置data的值呢？

那么此时我们有两种办法

1. 逐个赋值

...
data() {
	return {
		name: '',
		sex: '',
		desc: ''
	}
}
...

// 逐个赋值
this.name = ''
this.sex = ''
this.desc = ''

但这种方法只在对象数量少的时候可以用一下，一个一个去重新赋值比较麻烦,而且代码看起来也会比较乱,并且如果我需要重置的对象很多怎么办,此时可以用另一种方法

2. 使用Object.assign()

2.1 MDN关于该方法的介绍：

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

2.2 用法： Object.assign(target, ...sources)

第一个参数是目标对象，第二个参数是源对象，就是将源对象属性复制到目标对象，返回目标对象

其中就是将一个对象的属性copy到另一个对象