v-for ディレクティブが切り替えられる状態で (リスト内の他のチェックボックスを切り替えずに)、オブジェクトにアタッチされたチェックボックスを含むリストを作成するにはどうすればよいですか?

Question

VueJS (2.x) を使用してクライアント側の ToDo リストを作成しようとしています。これは私のHTMLです:

リーリー

次に、scripts/app.js でこれを実行しました:

リーリー

私の問題は単純です。特定のリスト内のチェックボックスの状態を変更すると (チェックボックスをオンまたはオフにすると)、その直後のチェックボックスの状態も切り替わります。

なぜこれが起こるのか、そしてそれを修正する方法がわかりません。誰かがこれが起こっている理由 (v-for/switch-state が誤動作したときにここに戻る必要がないように) とその修正方法を教えてくれれば、それは素晴らしいことです。

Answer 1

＃＃＃初め。
1. data では Object の代わりに Function を使用するのが最善です。そうしないと、更新エラーが発生する可能性があります。

Function はコンポーネント定義で使用される場合にのみ受け入れられるためです。 リーリー

2. compulated プロパティを直接変更することはできません。デフォルトでは、Compulated Getter が 1 つだけあります。 compated プロパティを処理したい場合は、それに computed setter を与えます。
リーリー

vue2 は配列内の変更を認識しないため、
3. v-for を介して値をバインドできません。
リーリー

---

リーリー リーリー