Vuex commit namespaced mutation

Mutations are intended to receive input only via their payload and to not produce side effects elsewhere. While actions get a full context to work with, mutations only have the state and the payload .

In Vuex, mutations are synchronous transactions : store. commit(‘increment’) // any state change that the “increment” mutation may cause // should be done at this moment. To handle asynchronous operations, let’s introduce Actions.

commit to commit a mutation, or access the state and getters via context . state and context. getters . We can even call other actions with context. dispatch .

How to commit received data to Vue store?