Javascript – Problem mit der Destrukturierung von Vuex-Parametern

Question

Als ich Vuex verwendet habe, habe ich gesehen, dass die Parameterdestrukturierung verwendet wurde, aber ich war sehr verwirrt. Woher kommt dieser Commit? Wo wird der Commit-Parameter bereitgestellt? Wie wird es ohne Vereinfachung geschrieben?

actions: {
  increment ({ commit }) {
    commit('increment')
  }
}

Answer 1

  actions: {

    increment (context) {

      context.commit('increment')，

    }，

    ddd(context) {

      context.commit('ddd')，

    }

  }

用参数解构之后：

actions: {

  increment ({ commit }) {

    commit('increment')

  }，

  ddd({ commit }) {

    commit('ddd')

  }

}

Answer 2

actions: {

  increment ( object ) {

       object.commit('increment')
  }

}

Answer 3

Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象，因此你可以调用 context.commit
提交一个 mutation，或者通过 context.state 和 context.getters 来获取 state 和
getters。当我们在之后介绍到 Modules 时，你就知道 context 对象为什么不是 store 实例本身了。

vuex文档