Vuex- Action的 { commit }

最新推荐文章于 2025-06-11 15:05:01 发布

转载最新推荐文章于 2025-06-11 15:05:01 发布 · 2k 阅读

Vue 专栏收录该内容

34 篇文章

订阅专栏

没有检索到摘要

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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