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

巴特西

Vuex- Action的 { commit }

最新文章

热门文章