How actions and mutations are different in Vuex?

In Vuex, actions are (usually) asynchronous operations which carry out mutations, as opposed to direct updates to the state. mapActions is just a helper that lets you call those methods from within a Vue component .

Actions are quite similar to mutations, but instead of mutating the state, Actions commit mutations . Actions can contain any arbitrary asynchronous code or business logic. Vuex recommends the state object should only be mutated inside the Mutation functions.

In Vuex, actions are functions that call mutations . Actions exist because mutations must be synchronous, whereas actions can be asynchronous. You can define actions by passing a POJO as the actions property to the Vuex store constructor as shown below. To “call” an action, you should use the Store#dispatch() function.

LinusBorg commented on Sep 27, 2016 •