Action vs Mutations

vuex.js

// Mutations- the only way to MODIFY stATE - doesn't care about business logic, it just care about "state"
// are essentially events: each mutation has a name and a handler.

const store = new Vuex.Store({
  state: {
    count: 1
  },
  mutations: {
    INCREMENT (state) {
      // mutate state
      state.count++
    }
  }
})

// Actions are just functions that dispatch mutations.- is business logic
// action can DISPATCH more than 1 MUTATION at a time,it just implement the business logic,
// it doesn't care about data changing (which manage by mutation)

// the simplest action
function increment (store) {
  store.dispatch('INCREMENT')
}

// a action with additional arguments
// with ES2015 argument destructuring
function incrementBy ({ dispatch }, amount) {
  dispatch('INCREMENT', amount)
}