我正忙于使用Vue,Vuex和ZircleUI创建一个简单的环境监视器。 使用以下Vuex商店突变时:
updateDbArea(state, payload) {
var dbArea = payload.data
// NOT Reactive triggering the view's computed property!
Vue.set(state.dbAreas, dbArea.key, dbArea);
// Is triggering the View's computed property!
state.dbAreas[dbArea.key] = Object.assign({}, state.dbAreas[dbArea.key]);
},
具有以下计算的属性:
actualStatusClass: function () {
return 'actual_status_' + this.$store.state.dbAreas[this.dbAreaKey].actual;
},
Vue.set(...)不是反应性的,而Object.assign(...)是反应性的。我不明白为什么。我想念哪一个?
Vue Reactivity in Depth页没有向我解释或看不到。
亲切的问候, 亨利