ホームページ  >  記事  >  ウェブフロントエンド  >  Vueでディープコピーを扱う方法

Vueでディープコピーを扱う方法

亚连
亚连オリジナル
2018-06-08 18:24:502157ブラウズ

この記事は主に 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.js2.0 をクリックして独自の属性を取得する方法

vue.js で修飾子 .self を使用する方法は?

使い方を詳しく解説

vue.jsの$emit

vueでパスワードの表示非表示切り替え機能を実装する方法

親コンポーネントを使って子コンポーネントのイベントを呼び出す方法Vue

🎜 🎜 $http を使用して angularjs で Excel ファイルの非同期アップロードを実装します🎜🎜

以上がVueでディープコピーを扱う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。