4 / 1 Vue中怎麼重置data

前面的話

前端日問，鞏固基礎，不打烊！！！

解答

使用Object.assign()實現重置。

MDN關於該方法的介紹：Object.assign() 方法用於將所有可枚舉屬性的值從一個或多個源對象複製到目標對象。它將返回目標對象。
用法： Object.assign(target, …sources)
第一個參數是目標對象，第二個參數是源對象，就是將源對象屬性複製到目標對象，返回目標對象

Object.assign()可以進行對象的淺拷貝。

 var obj1 = { name: "xiaoqi"};
 var obj2  = Object.assign({}, obj1);

在Vue中的使用：

如果想重置某組件的data,我們可以通過this.$data獲取當前的data，通過this.$options.data可以獲取組件初始狀態的data。然後使用Object.assign(this.$data, this.$options.data())就可以將當前狀態的data重置爲初始狀態。

如果只想重置某個屬性：this.form = this.$options.data().form