ホームページ > 記事 > ウェブフロントエンド > Vueでディープコピーを扱う方法
この記事は主に Vue のディープコピーに関する情報を紹介しています。非常に優れており、必要な方は参考にしてください。
の値を割り当てるには Object.assign() メソッドが使用されます。 1 つ以上のすべての列挙可能な属性 ソース オブジェクトがターゲット オブジェクトにコピーされます。ターゲットオブジェクトを返します。
const object1 = { a: 1, b: 2, c: 3 }; const object2 = Object.assign({}, object1); console.log(object2.c); // expected output: 3
または、抽象モデルに 2 つの側面があり、一方が他方に依存する場合は、
obj=JSON.parse(JSON.stringify(this.templateData)); //this.templateData是父组件传递的对象
適用性
を使用します。 2 つを独立したオブジェクトにカプセル化すると、それらを個別に変更して再利用できるようになります
1 つのオブジェクトが変更されると、他のオブジェクトも同時に変更する必要がありますが、変更する必要があるオブジェクトの数はわかりません
は他のオブジェクトに通知する必要がありますが、特定のオブジェクトが誰であるかはわかりません。言い換えれば、これらのオブジェクトが密結合されることは望ましくありません。
上記は私があなたのためにまとめたものです。
関連記事:
親コンポーネントを使って子コンポーネントのイベントを呼び出す方法Vue
🎜 🎜 $http を使用して angularjs で Excel ファイルの非同期アップロードを実装します🎜🎜以上がVueでディープコピーを扱う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。