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
で、更新することもできる。