vue如何重置data中初始化的数据?

业务场景：在某些特定时刻，我们需要重新利用data中的初始值，但页面一旦经过操作，数据一般都是实时更新之后的，那么如何重置data中的初始值呢？

方法一：逐个重新赋值：

this.xxx = ""
this.yyy = ""
....

这种方式肯定是能够实现的，但是未免显得有些傻，是吧？再看第二种方法

方法二：this.$options.data() 

 

在vue中：
this.$data 获取当前状态下的data
this.$options.data() 获取该组件初始状态下的data

然后我们利用如下方法实现：

Object.assign(this.$data, this.$options.data())

ps:

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
用法： Object.assign(target, ...sources)
第一个参数是目标对象，第二个参数是源对象，就是将源对象属性复制到目标对象，返回目标对象