配列やオブジェクトを更新しても、画面が更新されない

Nuxt/Vueでリアクティブな配列やオブジェクトを更新しても、Template側が更新されない場合の対処方法

基本的な内容は公式ドキュメントにも掲載されている
https://jp.vuejs.org/v2/guide/reactivity.html#%E5%A4%89%E6%9B%B4%E6%A4%9C%E5%87%BA%E3%81%AE%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A0%85

反映されない例(失敗例)

state.items[indexOfItem] = newValue

配列のインデックスを直接指定して、値を更新しても、画面は更新されない。もしくは、遅延が起こる。

反映される例(成功例)

Vue.setを使って、配列かオブジェクトを更新する。

import Vue from 'vue'
...
Vue.set(state.items, indexOfItem, newValue)

this.$setで、更新することもできる。