[Vuex]中mutations

核心概念-mutations

mutations是一个对象，对象中存放修改state的方法。

不能直接修改state中的数据，需要通过mutation来修改

1. 定义mutation

const store  = new Vuex.Store({
  state: {
    count: 0
  },
  // 定义mutations
  mutations: {
     
  }
})

2. 写方法

mutations: {
    // 方法里参数 第一个参数是当前store的state属性
    // payload 载荷 运输参数 调用mutaiions的时候 可以传递参数 传递载荷
    addCount (state, num) {
        state.count += num
    }
}

3. 使用

this.$store.commit('addCount',100)

辅助函数mapMutations

类似state 也可以通过辅助函数mapMutations来使用

import  { mapMutations } from 'vuex'
methods: {
    ...mapMutations(['addCount'])
}