javascript - Vuex + vue 在使用字典作为状态对象时没有反应

Question

我需要使用字典作为我的存储变量之一，但它不像数组那样是响应式(Reactive)的，解决这个问题的最佳做法是什么？我创建了最小的例子:

https://codesandbox.io/s/vuex-store-forked-ko3md?file=/src/App.vue

Answer 1

为了添加新的响应式 Prop ，而不是使用直接赋值，您应该使用 Vue.set() 方法:

  ADD_ITEM(state, { key, value }) {
    Vue.set(state.dict, key, value)
  }

要更深入地了解 Vue react 性，您应该阅读官方文档:https://v2.vuejs.org/v2/guide/reactivity.html