How to dispatch actions between two namespaced Vuex modules?

Sometimes, we want to dispatch actions between two namespaced Vuex modules.

In this article, we’ll look at how to dispatch actions between two namespaced Vuex modules.

How to dispatch actions between two namespaced Vuex modules?

To dispatch actions between two namespaced Vuex modules, we can call dispatch with the module name prefixed to the action method and the root option set to true.

For instance, we write

dispatch(
  "notification/triggerNotifcation",
  {
    //...
  },
  { root: true }
);

to dispatch the notification/triggerNotifcation action which is in the notification module.

And we set root to true to let us dispatch actions from any module and namespace.

Conclusion

To dispatch actions between two namespaced Vuex modules, we can call dispatch with the module name prefixed to the action method and the root option set to true.