Vue(x)在使用Vue.set(...)时不起作用,但是在使用Object.assign时是不起作用的,为什么?

时间:2018-12-23 18:24:47

标签: vue.js vuex

我正忙于使用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页没有向我解释或看不到。

亲切的问候, 亨利

0 个答案:

没有答案