javascript - 請問下面的函數寫法什麼意思?
我想大声告诉你
我想大声告诉你 2017-06-26 10:56:52
0
2
759

在vuex中的mutations中定義的一個函數,在元件中呼叫

//store.js在mutations中定义
addCart:function (state,{goodIndex,foodIndex}) {
    state.goods[goodIndex].foods[foodIndex].count++;
  },
//组件中调用
methods:{
    ...mapMutations(['addCart','removeCart','setCart']),
    addCartItem:function(){
        this.setCart({goodIndex:this.goodIndex,foodIndex:this.foodIndex});
    }
}
    

我的問題是為什麼在呼叫setCart函數的時候不用傳入state參數,目測如果呼叫的時候不傳state參數的話,addCart函數執行的時候就會自動將在store中的state傳入進去,這樣的原理是什麼? ?這是自己半個月前寫的程式碼,現在看怎麼也不理解了。 。

我想大声告诉你
我想大声告诉你

全部回覆(2)
伊谢尔伦

去看看源碼就知道了。

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)
}
扔个三星炸死你

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板