美文网首页壁纸小家
(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辅助函数

  • vuex中的辅助函数

    了解 vuex提供了一些非常方便的辅助函数,比如mapState、mapGetter、mapMutation、ma...

  • Vuex辅助函数的基本使用

    vuex的辅助函数 都有什么辅助函数 mapState mapActions mapMutations mapGe...

  • vuex辅助函数

    一、mapState Vuex 的核心是 store, 它是一个通过 Vuex.Store 构造函数生成的对象。为...

  • vuex辅助函数

    1.取state的值(mapState) 1.import{mapState}from'vuex' 2. comp...

  • vuex辅助函数

    前提分类: 单一状态树中使用 模块化中使用 一:单一状态树中使用 mapState使用 mapGetters辅助函...

  • vuex之mapMutation

    常规使用方法: 原理: 下面?是源码部分: 从上述代码可以看出其内部进行了相关的绑定操作~

  • (VUEX)mapState辅助函数

    在vue组件中我相信大家都是知道如何简单的获取到Vuex的状态并且展示它。 第一种方式:因为Vuex的状态存储是响...

  • vuex的辅助函数

    https://www.cnblogs.com/samve/p/10726629.html vue:vuex中ma...

  • vuex的辅助函数

    辅助函数 解耦代码,可以让代码变得更简洁,只能在支持模块化的地方使用 mapState mapGetters ma...

网友评论

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

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