javascript - Was bedeutet das Schreiben der folgenden Funktion?

Question

Eine in Mutationen in vuex definierte Funktion ruft {code...} {code...} in der Komponente auf. Meine Frage ist, warum beim Aufruf der setCart-Funktion kein Bedarf besteht, dies zu tun Wenn Sie den Statusparameter übergeben, wird die Funktion addCart automatisch ...

伊谢尔伦 · Answer

去看看源码就知道了。

export const mapMutations = normalizeNamespace((namespace, mutations) => {
  const res = {}
  normalizeMap(mutations).forEach(({ key, val }) => {
    val = namespace + val
    res[key] = function mappedMutation (...args) {
      if (namespace && !getModuleByNamespace(this.$store, 'mapMutations', namespace)) {
        return
      }
      
      // 在这里调用了commit方法
      return this.$store.commit.apply(this.$store, [val].concat(args))
    }
  })
  return res
})

下面是commit方法的定义

this.commit = function boundCommit (type, payload, options) {
    // store 就是你想要的答案
    return commit.call(store, type, payload, options)
}

扔个三星炸死你 · Answer

this.setCart()被映射为this.$store.commit('setCart')