Vuex 中 store 数据改变的唯一方法就是提交 mutations
。mutations
里面装着一些改变数据方法的集合,这是Vuex 设计很重要的一点,就是把处理数据逻辑方法全部放在 mutations
里面,使得数据和视图分离。
通过这种方式虽然操作起来稍微繁琐一些,但是可以集中监控所有数据的变化 this.$store.commit() 是触发mutations的第一种方式
const store = new Vuex.Store({
state: {
count: 1
},
mutations: {
// 事件类型 type 为 increment
increment (state) {
// 变更状态
state.count++
}
}
})
标签:count,mutations,学习,state,increment,Vuex,store
From: https://www.cnblogs.com/nanlinyan/p/17059329.html