Actions, mapActions & An Example in Vuex

Actions are similar to mutations, the differences being that:

Instead of mutating the state, actions commit mutations.
Actions can contain arbitrary asynchronous operations.

This may look silly at first sight: if we want to increment the count, why don't we just call store.commit('increment') directly? Remember that mutations have to be synchronous. Actions don't. We can perform asynchronous operations inside an action:
actions: {
 incrementAsync ({ commit }) {
   setTimeout(() return {
     commit('increment')
   }, 1000)
 }
}

• #education
• #actions_vuex
• #vuex_actions
• #dispatch_actions
• #dispatch_mutations_in_vuex
• #vuex
• #learn_vuex
• #vuex_basics
• #vuex_dispatch_actions