javascript - vuex parameter destructuring problem

Question

When I was using vuex, I saw parameter destructuring used, but I was wondering, where did this commit come from? Where is the commit parameter provided? How is it written without simplification?

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

The

Action function accepts a context object with the same methods and properties as the store instance, so you can call context.commit
to submit a mutation, or get state and
getters via context.state and context.getters. When we introduce Modules later, you will know why the context object is not the store instance itself.

vuex documentation