老师这句是什么意思啊？

源自：Vue基础详解 2-22 状态管理vuex

收起

2回答

Steve007 2019-03-29 10:57:09

同学，你好。

commit是actions处理异步请求时的一个方法。

写成{ commit } 这是es6的结构赋值的一种写法。

Vuex 中使用 Action 处理异步请求时，常规写法如下：

getMenuAction:(context) =>{ context.commit('SET_MENU_LIST) } } 　　

我们也可以使用如下简化写法，如下：

actions:{ getMenuAction:({commit}) =>{ commit('SET_MENU_LIST' } } 　

这是 ES6 中一种被称为变量解构赋值新的语法知识

Steve007 2019-03-28 18:45:27

同学，你好。

actions是进行状态的修改的，这里actions里的函数inc调用上边的mutations里面的函数incrment，

从而达到状态的修改。如图：

祝学习愉快！

提问者慕尼黑4757019 #1

commit是什么意思呢？ inc里面的commit为什么要用{}括起来

2019-03-29 10:17:53
Steve007 回复提问者慕尼黑4757019 #2

同学，你好。 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 了。

2019-03-29 10:55:06