Vuex Action vs Mutations

Question

In Vuex, what is the logic of having both \"actions\" and \"mutations?\"

I understand the logic of components not being able to modify state (which seems smart), but

Answer 1

The main differences between Actions and Mutations:

1. In mutations you can change the state but not it actions.
2. Inside actions you can run asynchronous code but not in mutations.
3. Inside actions you can access getters, state, mutations (committing them), actions (dispatching them) etc in mutations you can access only the state.