Vuex的学习

Vuex使用单一状态树。
state存储数据。
getter对state中的数据进行过滤。

getters.png

mapGetters.png

mutation更改store中的state的唯一方法，commit mutation。只能同步操作。

mutations.png

常量替代事件类型.png

action提交的是mutation，而不是直接变更的state。可以包含任何异步操作。

actions.png

处理异步操作.png

module 将store分解成多个module。每个module拥有自己的state，getters，mutations，actions。

module.png

作者：穆熙沐
链接：https://www.jianshu.com/p/eafd337d2384