title: Vuex Action vs Mutations
body: <p>In Vuex, what is the logic of having both "actions" and "mutations?"</p>
  
  <p>I understand the logic of components not being able to modify state (which seems smart), but having both actions and mutations seems like you are writing one function to trigger another function, to then alter state.  </p>
  
  <p>What is the difference between "actions" and "mutations," how do they work together, and moreso, I'm curious why the Vuex developers decided to do it this way?</p>