[Vue.js]配列の変更が検知できない理由の「JavaScriptの制限」って何よ！ - Qiita

タイトルのJavaScriptの制限はこちらに記載されているものです。 リストレンダリング(注意事項) — Vue.js 要約すると、 配列に対して直接インデックスの設定、またはlengthプロパティを変更する場合、viewは更新されません。 具体的な操作はこちら。 インデックスでアイテムを直接設定するとき。例: vm.items[indexOfItem] = newValue 配列の長さを変更するとき。例: vm.items.length = newLength その回避策が Vue.set か Array.prototype.splice を使用するというものです。 簡単にできる回避策なので、ふーんって感じで書き換えて終了なのですが、 JavaScriptの制限が気になったので調べてみました。 ざっくり リアクティブシステム Vue.jsの値の変更の検知の仕組みは、リアクティブシステム