javascript - vuex 参数解构的问题
问题描述
我在使用vuex的时候,看到用到了参数解构,但是我很纳闷,这个commit 是从哪里解构来的?哪里提供的commit这个参数? 它的没简化的写法是怎么写的?
actions: { increment ({ commit }) { commit(’increment’) }}
问题解答
回答1:actions: {
increment (context) {
context.commit('increment'),
},
ddd(context) {
context.commit('ddd'),
}
}
用参数解构之后:
actions: {
increment ({ commit }) {
commit('increment')
},
ddd({ commit }) {
commit('ddd')
}
}
回答2:actions: { increment ( object ) { object.commit(’increment’) }}回答3:
Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象,因此你可以调用 context.commit提交一个 mutation,或者通过 context.state 和 context.getters 来获取 state 和getters。当我们在之后介绍到 Modules 时,你就知道 context 对象为什么不是 store 实例本身了。
vuex文档
相关文章:
1. flexbox - css3[flex-shrink]属性在子项有 padding/box-sizing 属性时,是如何计算子项宽度的?2. 【python小白】 问关于property的顺序问题3. 9.png中在同一方向上设置多个拉伸位置,在android studio中怎么弄出来?4. angular.js - angular1如何使用跨域后的得到的数据5. angular.js - 如何在指令里使用ng-click6. android-studio - Android Studio 中有没有类似C#的#if DEBUG功能7. angular.js input输入正确数据框变红色8. JS怎么给每相隔一行的TD添加filter滤镜?9. angular.js - Angular 像这种重复判断的表达式 有什么好的解决办法吗?~10. android-studio - android studio自带模拟器中的本地“图库”所对应的路径是什么?