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