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 - 手机网页如何,插入地图 ;并设置多个标注点 ,还可路线查询2. 怎么学好php3. node.js - 我是一个做前端的,求教如何学习vue,node等js引擎?4. thinkphp6中怎么把类放到容器中?5. javascript - 项目用IE浏览器打开修改前端内容,后台数据修改了,但是前端页面内容不变,用谷歌浏览器测试前端页面可以刷新,求大神解决。6. vue.js - 为什么我的vue项目上传到github不能预览?7. python 如何打印bytes以16进制输出8. 如何将行内块元素的内容垂直水平两个方向居中?9. mysql - 把一个表中的数据count更新到另一个表里?10. javascript - Ajax加载Json时,移动端页面向左上角缩小一截儿,加载完成后才正常显示,这该如何解决?

网公网安备