Vuex中的mutaion,action

Mutation用于变更Store中的数据

提交更新数据的方法,必须是同步的(如果需要异步使用action)

1.只能通过mutation变更store数据,不可以直接操作Store中的数据

2.通过这个方式虽然操作起来稍微繁琐一些,但是可以集中监听所有数据的变化

注意:里面不要执行异步操作

//定义mutation
const store = new Vuex.Store({
   
	state:{
   
		count:0
	},
	mutations:{
   
	//第一个参数是state对象
		add(state){
   
		//变更状态
		state.count++
	}
	}
})

第一种触发:

//触发mutation
methods:{
   
	aa(){
   
		//add是mutation里面的方法
		this.$store.commit('add')
	}
}

可以在触发mutation时传递参数