如何看待vue中的深複製

這篇文章主要介紹了vue深複製的相關資料，非常不錯，具有參考借鑒價值，需要的朋友參考下

Object.assign() 方法用於將所有可枚舉屬性的值從一個或多個來源物件複製到目標物件。它將傳回目標物件。

const object1 = {
a: 1,
b: 2,
c: 3
};
const object2 = Object.assign({}, object1);
console.log(object2.c);
// expected output: 3

或使用

obj=JSON.parse(JSON.stringify(this.templateData)); //this.templateData是父组件传递的对象

適用性

當一個抽像模型有兩個方面，其中一個方面依賴另一方面。講這兩者封裝在獨立的對像中可以讓它們可以各自獨立的改變和復用

當一個對象的改變的時候，需要同時改變其它對象，但是卻不知道具體多少對像有待改變

當一個對象必須通知其它對象，但是卻不知道具體對像到底是誰。換句話說，你不希望這些物件是緊密耦合的。

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

在vue.js2.0中透過點擊如何取得自己的屬性

在vue.js中修飾符.self的使用方法？

在vue.js中詳細解讀this.$emit的使用方法

在vue中如何實作密碼顯示隱藏切換功能

在Vue中如何使用父元件呼叫子元件事件

#在angularjs中使用$http實作非同步上傳Excel檔案方法

以上是如何看待vue中的深複製的詳細內容。更多資訊請關注PHP中文網其他相關文章！