Vuex General Purpose Mutations

vuex-general-purpose-mutations.js

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    set(state, payload) {
      state[payload.key] = payload.value;
    },
    setVer2(state, payload) {
      for (const [key, value] of Object.entries(payload)) {
        state[key] = value;
      }
    },
  },
});

// usage

import { mapMutations } from 'vuex'

export default {
  // ...
  methods: {
    ...mapMutations(['set', 'setVer2']),
    setCount() {
      // count => 0
      this.set({key: 'count', value: 1});
      // count => 1
      this.setVer2({count: 2});
      // count => 2
    }
  }
}