--- title: Vuex tags: Vue note --- # Vuex modules:{ state, getters, mutations, actions} --- ## state >(store with reducer) - Initial data - Vuex state is **mutable** (redux immutable) ## getters >(mapStateToProps access from props) - Computation on state - Has mapState() helper function ![](https://i.imgur.com/E1IG5IW.png =500x) ## mutations > (every single case in reducer) - Modifying the State (function) ## actions Assemnle multiple mutations to execute ![](https://i.imgur.com/d07diSi.png =500x) --- ![](https://i.imgur.com/n1qAs7R.png =400x)