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)
第一個參數是目標對象，第二個參數是源對象，就是將源對象屬性復制到目標對象，返回目標對象