Vuex ActionTree

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 .

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.

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.

LinusBorg commented on Sep 27, 2016 •