核心概念-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'])
}