Vue Vuex 中mutations 与 actions 返回值问题

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方法去使用。

转自https://www.jianshu.com/p/b83e08c29ccc