Search code examples
javascriptvue.jsvuexmutationvuex-modules

Is Vuex mutations are atomic?

I'm trying to understand if mutations in Vuex are atomic. I have this code and I'm not sure if there is any scenario when CHANGE_A mutation will be call while CHANGE_B is not finished yet:

const mutations = {
  [CHANGE_A](state, DATA) {
    Vue.set(this.test, 'left', DATA);
  },

  [CHANGE_B](state, data) {
    Vue.set(this.test, 'right', DATA);
    Vue.set(this.test, 'left', DATA);
  },
}

Thank you

Solution

  • Mutation are atomic because their handler functions must always be synchronous, as described in the documentation: https://vuex.vuejs.org/guide/mutations.html

    If you were to go against this practice and make the handler function asynchronous then they would no longer be atomic.