壁纸小家

(VUEX)mapMutation辅助函数

2019-06-25  本文已影响3人  玩点小技术
const store = new Vuex.Store({
  state: {
    count: 1
},
mutations: {
    increment (state) { // 变更状态
    state.count++
   }
  }
})
store.commit('increment')
import { mapMutations } from 'vuex'

export default {
  // ...
  methods: {
    ...mapMutations([
      'increment', // 将 `this.increment()` 映射为 `this.$store.commit('increment')`

      // `mapMutations` 也支持载荷:
      'incrementBy' // 将 `this.incrementBy(amount)` 映射为 `this.$store.commit('incrementBy', amount)`
    ]),
    ...mapMutations({
      add: 'increment' // 将 `this.add()` 映射为 `this.$store.commit('increment')`
    })
  }
}
上一篇 下一篇

猜你喜欢

热点阅读