JavaScript - Vueの応答性の問題

Question

{コード...} コンソールに表示します: vm.count.id-- items.id も変更されていることがわかります。明らかに count.id を変更しただけですが、同期を回避するにはどうすればよいですか? count.id を変更したいだけです。

phpcn_u1582 · Answer

浅いコピーと深いコピーの問題。

淡淡烟草味 · Answer

これは依然として JS データ型に関する基本的な問題です。
あなたが提供したコードから判断すると、 item は配列です。配列を別の変数に割り当てると、両方とも配列を参照します。もちろん、この配列を変更すると、この配列へのすべての参照が変更されます。

解決策 1:

リーリー

天蓬老师 · Answer

配列はインデックス構造であり、同じ場所を指す 2 つのポインターと同等であるため、一方を変更すると他方も変更されます。これを回避する方法については、ES6 の構造化代入を使用することをお勧めします。ドキュメントを参照してください。
例を挙げてみましょう:

php 8、私も来ます