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