Vue.js - 別のデータ属性に「コピーする」ときにオブジェクトをバインドしない

Question

私はオブジェクトを自分のAPIから取得していますが、モーダルを読み込むときにオブジェクトを別のものに複製する必要があります。

これは動作します：

this.servicesForm.services = this.team.services; 

// New object    // API object 

今の問題は、私はteam.servicesは私がservicesForm.servicesオブジェクトを更新するとき、更新に拘束されることに反対したくないということです。

どうすればよいですか？

Answer 1

すぐには私の答えを見つけた：

アンES6ソリューションがObject.assign使用することです

this.servicesForm.services = JSON.parse(JSON.stringify(this.team.services)); 

Answer 2

：あなたは深いコピーあなたを必要とする場合、これは、唯一の浅いコピーであることを

this.servicesForm.services = Object.assign({}, this.team.services); 

注意をこのメソッドを再帰的に適用する必要があります。

参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign