GMT+0900タイトルが長くなりましたが、前々からVue.jsのチェックボックスでハマることが多かったのでメモです。2.5.2やりたいこと下記のような感じにしたい。複数のチェックボックスチェック・アンチェックで他のチェックボックスに影響を及ぼさないことチェック・アンチェックの見た目が反転しないどうもブラウザごとに挙動が違うチェックついてないのに内部的にtrueになる場合がある。@clickとかv-modelとかv-bind:valueだとダメだったんで、できれば初期値はAPIから取得してチェック・アンチェックでAPIにPATCH投げるような感じがいいですね。いうわけで、続けて実装です。動くかどうか試してないのでたぶんコピペだと動かないと思います。HTMLは下記のような感じにします。ここは前述のとおり@clickとかv-modelとかv-bind:valueとかを組み合わせて試したのですが、思うように動いたのは@changeとv-bind:checkedの組み合わせでした。v-bind:checked="checkBoxExample.checkbox3">テスト3</input></div>次にJS側です。このチェックボックス群はビジネスロジック的に一つのかたまりなのでクラスで状態管理とか、その他ごにょごにょします。後は特筆することはないですね。}});適当な記事になってしまいましたが、個人向けメモなので勘弁して下さい。YoshinoriN)。