美文网首页壁纸小家
(VUEX)mapMutation辅助函数

(VUEX)mapMutation辅助函数

作者: 玩点小技术 | 来源:发表于2019-06-25 22:38 被阅读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')`
        })
      }
    }
    

    相关文章

      网友评论

        本文标题:(VUEX)mapMutation辅助函数

        本文链接:https://www.haomeiwen.com/subject/pkqndqtx.html