vuex中各個做用:html
store 爲一個大對象,包含了整個 vuex 的屬性/方法;vue
store.state爲整個狀態管理的一個大對象,其中包含了全部須要管理的狀態對象或字段;vuex
能夠經過 getter 獲取這些狀態對象/字段;api
經過 mutation 觸發狀態的更新,commit 能夠提交 mutation,從而知道狀態的更新;異步
Action 能夠處理異步請求,action 經過 dispatch 派發異步請求等操做;源碼分析
(mutation 必須同步執行這個限制麼?Action 就不受約束!咱們能夠在 action 內部執行異步操做)spa
當狀態不少時,能夠經過 module(模塊)進行更加方便的管理,每一個模塊中都包含了state、action、getter、mutationcode
mapState/mapGetters/mapAction/mapMutation 能夠獲取各自所需屬性/方法;htm
vuex API文檔: https://vuex.vuejs.org/zh-cn/api.html對象
美團vuex源碼分析:https://tech.meituan.com/vuex-code-analysis.html
附: 異步請求順序問題: