連想配列の変更して、それを監視してもらうための方法の$set

連想配列を更新してもhtmlが更新されない！

という問題ですね。


$set(object, key, value)

これを使えばうまく更新されます。

Vuexに保存している連想配列は？

Vuexに連想配列をおいてgetterで呼び出しているときも、$setを使わないと同期して更新されないんです。
VuexはVueの上で動いているので、同じような動作をします。

import Vue from 'vue'

Vue.set(object, key, value)

だいぶ省略しているので、よしなにやってください。
こんな感じでできます。