在我們進行vue開發過程中，經常會保存一些頁面，此時，我們在app.vue的配置如下，

以此來保存頁面，那么在再次進入這些頁面的時候，我們需要重置該頁面的原始數據，那么該如何進行呢？是不是要講每個數據進行重寫，答案是否定的。利用Object.assign 以及vue的數據可以快速重置。 Object.assign(this.$data, this.$options.data())

Object.assign() ----詳解

Object.assign(target, ...sources)

參數： target 目標對象。sources 源對象。

返回值：目標對象。

描述

如果目標對象中的屬性具有相同的鍵，則屬性將被源對象中的屬性覆蓋。后面的源對象的屬性將類似地覆蓋前面的源對象的屬性。

Object.assign 方法只會拷貝源對象自身的并且可枚舉的屬性到目標對象。該方法使用源對象的[[Get]]和目標對象的[[Set]]，所以它會調用相關 getter 和 setter。因此，它分配屬性，而不僅僅是復制或定義新的屬性。如果合并源包含getter，這可能使其不適合將新屬性合并到原型中。為了將屬性定義(包括其可枚舉性)復制到原型，應使用Object.getOwnPropertyDescriptor()和Object.defineProperty() 。

String類型和 Symbol 類型的屬性都會被拷貝。

在出現錯誤的情況下，例如，如果屬性不可寫，會引發TypeError，如果在引發錯誤之前添加了任何屬性，則可以更改target對象。

注意，Object.assign 不會跳過那些值為 null 或 undefined 的源對象。

注意：針對深拷貝，需要使用其他辦法，因為 Object.assign()拷貝的是屬性值。假如源對象的屬性值是一個對象的引用，那么它也只指向那個引用。

以上這篇vue data恢復初始化數據的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持聚米學院。

總結

以上是生活随笔為你收集整理的data的值 如何初始化vue_vue data恢复初始化数据的实现方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。