Vuex- Action的 { commit }

Vuex- Action的 { commit }

　　Vuex 中 使用 Action 處理異步請求時，常規寫法如下：

   getMenuAction:(context) =>{
            context.commit('SET_MENU_LIST',['承保2','覈保2'])
        }
    }

　　我們也可以使用如下簡化寫法，如下：

   actions:{
        getMenuAction:({commit}) =>{
            commit('SET_MENU_LIST',['承保2','覈保2'])
        }
    }

　　這是一種怎麼的寫法呢？

　　其實這是 ES6 中一種被稱爲  變量解構賦值  新的語法知識，可參考我的另外一篇文章  變量解構賦值。

　    我們可以看看  Vuex 中 註冊 Action的源碼如下：

　　

　　

　　常規寫法中的 context = {　　 dispatch: local.dispatch,
　　　　　　　　　　　　　　       commit: local.commit,
　　　　　　　　　　　　　　　　getters: local.getters,
　　　　　　　　　　　　　　　　state: local.state,
　　　　　　　　　　　　　　　　rootGetters: store.getters,
　　　　　　　　　　　　　　　　rootState: store.state                         }

 

　　使用 變量解構賦值後 { commit } 的 commit= context.commit 了。