从Vuex的Actions中分析js的解构赋值

1、需求说明

我们需要点击按钮实现加一操作，显示加完之后数值大小

2、困惑演示

3、详细分析

在actions中方法increment 对参数context作出了简化，本来是context,通过对象解构方式 实现分发操作

increment({ commit }, payload) {
  // context.commit('increment', payload)
  commit('increment', payload)
  // console.log(context)
  console.log(commit)
}

对象解构

let，const,var后面跟上一对{}包括的变量列表，变量名和对象属性名相同，则就会获取对象属性对应的值 初始化变量

const subject = {
    Chinese: '中文',
    English: '外语',
    Biology: '生物'
}
const { Chinese, English, Biology } = subject;

console.log(Chinese)

actions

action类似于mutation,不同之处
action提交的是mutation,而不是直接变更状态
action可以包含任意异步操作

4、参考资料

1、对象解构
2、解构赋值
3、仓库地址