Use root action [Use root action with module dispatch in vuex] #vue #javascript

use-root-state.js

// stores.js
const moduleA = {
  state: {},
  mutations: {},
  actions: {
    action2({dispatch) {
      dispatch('action1', null, {root: true}); // add {root:true} in dispatch method 
    }
  },
  getters: {}
}

const store = new Vuex.Store({
  modules: {
    a: moduleA,
    b: moduleB
  },
  actions: {
    action1() {
      // actions1 in root actions
    }
  }
})