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. javascript - h5上的手机号默认没有识别2. javascript - 谁能帮我创建一个webpack2+vue2+vuex+less+dev-server的空项目3. python - 网站显示的图片与爬虫获取到的图片不同,应该如何确定问题?4. 极光推送 - Android app消息推送 百度 极光 个推 信鸽哪个好一些?5. css3 - Firefox 字号相对IE、Chrome更大,如何在CSS中统一?6. css - div display: inline-block; 置中?7. vue.js - weex scroller搭配refresh在android平台上拉会触发refresh8. javascript - 在html中写了个<video>视频,浏览器却是一片空白为什么呢?360浏览器?9. javascript - ajax中的 textStatus 报错为 parsererror?10. html5 - 如何让H5页面在手机浏览器里和微信全屏显示