VueStoreFront:自定义模块:状态已更新，组件注释

// 错误的做法
state.someObject.newProperty = 'newValue';

// 正确的做法
Vue.set(state.someObject, 'newProperty', 'newValue');
// 或者
state.someObject = { ...state.someObject, newProperty: 'newValue' };

import { mapState, mapActions } from 'vuex';

export default {
  computed: {
    ...mapState('yourModule', ['someState']),
    // 或者使用getters
    ...mapGetters('yourModule', ['someGetter'])
  },
  methods: {
    ...mapActions('yourModule', ['someAction']),
    ...mapMutations('yourModule', ['someMutation'])
  }
};

export default {
  watch: {
    '$store.state.yourModule.someState': {
      handler() {
        this.$forceUpdate();
      },
      deep: true
    }
  }
};

const state = Vue.observable({ count: 0 });

export default {
  computed: {
    count() {
      return state.count;
    }
  },
  methods: {
    increment() {
      state.count++;
    }
  }
};

import Vue from 'vue';
import Vuex from 'vuex';
import yourModule from './modules/yourModule';

Vue.use(Vuex);

const store = new Vuex.Store({
  modules: {
    yourModule
  }
});

export default store;