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

个人理解

  1. State:状态,原始存储的数据
  2. Getter:根据原始数据计算出来的值,类似于Vue中的计算属性
  3. Mutation:用以操作原始数据方法,里面的代码不能包含业务代码就单纯的修改State数据
  4. Action:用以调用Mutation达到修改数据的效果,这个里面可以调用api也可以写业务代码等等
  5. Module:Vuex的模块化,用了这个之后调用Vuex里面自定义的方法和状态一般都需要写上整个模块名称
  6. 数据流转:
    vue页面(组件) -> 调用Action -> (Action里面会)调用Mutation -> 修改State -> 回显vue页面(组件)
    当然也可以不经过Action,直接调用Mutation操作数据也行。
原文地址:https://www.cnblogs.com/cluyun/p/14321803.html