Vuex 是中大型项目必备状态管理器，具体使用参考官网
这里说一下关于返回值的问题：
1.actions 方法中的返回值
由于在actions中写的方法是异步执行的，往往我们需要给方法加一个Promise的返回值，以便上层访问者回调，这里的返回值会直接作为dispatch方法的返回值返回。
常见的写法如下：
this.$store.dispatch('name', payload).then(res => {
// 这里的then就是actions方法中返回的promise被作为dispatch的返回值返回了
})
2.mutations 方法中的返回值（设计上不存在）
mutations中写的方法是同步的，可能处于设计上就不需要类似Promise这样的回调/返回值，类似于一个类的set方法，并不需要返回值。所以comit方法并没有返回值的设计。
常见写法如下：
// commit方法并不会返回mutations中写的方法的返回值
this.$store.commit('name', payload)
解决方案：添加回调参数
如果业务上需要返回值，则可以将其携带在payload的参数中，这样在mutations里对应的方法中进行回调即可。当然也可以写到actions中，在逻辑上使用异步，从而达到使用返回值的效果。
业务上尽可能吧mutation当做set方法去使用。
网友评论