Vuex概念理解
Vue官方:
store模式:https://cn.vuejs.org/v2/guide/state-management.html
Vuex:https://vuex.vuejs.org/zh/
扩展阅读:
Flux:http://www.ruanyifeng.com/blog/2016/01/flux.html
Redux:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html
个人理解
- State:状态,原始存储的数据
- Getter:根据原始数据计算出来的值,类似于Vue中的计算属性
- Mutation:用以操作原始数据方法,里面的代码不能包含业务代码就单纯的修改State数据
- Action:用以调用Mutation达到修改数据的效果,这个里面可以调用api也可以写业务代码等等
- Module:Vuex的模块化,用了这个之后调用Vuex里面自定义的方法和状态一般都需要写上整个模块名称
- 数据流转:
vue页面(组件) -> 调用Action -> (Action里面会)调用Mutation -> 修改State -> 回显vue页面(组件)
当然也可以不经过Action,直接调用Mutation操作数据也行。