nuxtでstoreの更新がdomに反映されない時

1 min read読了の目安(約300字

nuxt tsを使っていてstoreの値は更新されているのに、その値がdomに反映されないことがありました。
vueによくある変更を検知するための方法を使っていたのですが上手くいかず、最終的にオブジェクトごとまるっと入れ替えることで期待通りの挙動になりました。

ダメ

this.a = {
 b: [1]
}
this.a.b.push(2)

オッケー

this.a = {
 b: [1]
}
const c = JSON.parse(JSON.stringify(this.a)
c.b.push(2)
this.a = c

オブジェクトが深いと変更を検知できないそうです。