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 了。