Vuex概念理解

标签：man   计算   tutorial   名称   ide   str   不能   get   store   

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操作数据也行。

Vuex概念理解

标签：man   计算   tutorial   名称   ide   str   不能   get   store   

原文地址：https://www.cnblogs.com/cluyun/p/14321803.html