希望有人解释下，vuex 的dispatch和commit提交mutation的区别

Question

希望有人解释下，vuex 的dispatch和commit提交mutation的区别

Answer 1

很简单，一个异步操作与同步操作的区别。

当你的操作行为中含有异步操作，比如向后台发送请求获取数据，就需要使用action的dispatch去完成了。
其他使用commit即可。

官方文档：
vuex action介绍

Answer 2

commit=>mutations,用来触发同步操作的方法。
dispatch =>actions,用来触发异步操作的方法。

Answer 3

看过一些案例，有的是在store中注册了mutation和action，在组件中用dispatch调用action，然后action用commit调用mutation，但是有些案例他的action.js就是直接export const action名，用dispatch调用mutation，然后组件中import这个action直接用，后者这样是不是不符合要求的？比如这个例子segmentfault.com/a/1190000005015164，是在搞不明白，求大神解读

Answer 4

一个调用actoin，一个调用mutation。