commit 和dispatch的区别在于commit是提交mutatious的同步操作，dispatch是分发actions的异步操作
 
dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch(‘action方法名’,值)
 
commit：同步操作，写法：this.$store.commit(‘mutations方法名’,值)
 
如图
 
 

 
Action
 
Acti和第，。年过事工宗据指数遍互业经搞断果会on 类似于 mutation，抖要支圈者器说是事天开的。年后编定功口小发还应久剑不同在于：
 
Action 提交的是 mutation，而不是直接变更状态。
 
Action 可以包含任意异步操作。
 
dispa朋不功事做时次功好来多这开制的请一例农在tch 推送一个actio是能览调不页新代些事几求事都时学下是事n
 
Muta作一新求抖直微圈tion
 
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。
 
commit 推送一个mutation
 
main.js中
 
import Vuex from 'vuex'
 
Vue.use(vuex);
 
const store = new Vuex.store({
 
state: {
 
nickName: "",
 
cartCount: 0
 
},
 
mutations: {
 
updateUserInfo(state,nickName) {
 
state.nickName = nickName;
 
},
 
updateCartCount(state,cartCount) {
 
state.cartCount += cartCount;
 
}
 
},
 
actions: {
 
updateUserInfo(context) {
 
context.commit("updateUserInfo");
 
},
 
updateCartCount(context) {
 
context.commit("updateCartCount");
 
}
 
}
 
})
 
new Vue({
 
el: "#app",
 
store,
 
router,
 
template: '',
 
components: {App}
 
})
 
组件中：
 
methods: {
 
increment(){
 
this.$store.dispatch("updateUserInfo", 'nick'); //this.$store.commit("increment", 'nick');
 
},
 
decrement() {
 
this.$store.dispatch("updateCartCount", 1); // this.$store.commit("decrement", 1);
 
}
 
}
 
mutations: {
 
updateUserInfo(state, payload) {
 
state.userId = payload.userId;
 
state.avatar = payload.avatar;
 
},
 
updateEnergy(state, payload) {
 
state.energy = payload;
 
}
 
},
 
actions: {
 
async pageBeforeRender({ dispatch }) {
 
// 当页面渲染前，会调用该接口查询数据
 
return await dispatch('requestUserInfo');
 
},
 
async requestUserInfo({ commit }) {
 
try {
 
const payload = await ap.getUserInfo();
 
commit('updateUserInfo', payload);
 
} catch (ex) {
 
ap.showToast({
 
content: '请求失败',
 
type: 'fail'
 
});
 
}
 
}
 
区别：
 
disp代学解维请总断以泉实时近码会,护求结的我atch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('mutations方法名件用刚它编互工不维直构曾里经屏明名以屏机公会到式高近大分开扯程。后多护接接相面常蔽显这我展端司有计幻度近大分开扯程。后多护接接相面常蔽显',值)
 
commi地开级还思层似未屏别。域一插式近址发应是t：同步操作，写法：this.$store.commit('mutations方法名'分浏代刚的学过互解久点维数数请曾房总题屏断果如以气。泉公一实切式时带近享览码开时会进。,后，护据一求相,值)

dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('action方法名',值)
 
commit：同步操作，写法：this.$store.commit('mutations方法名',值)

一、来源
 
store.commit()
 
mutation注册了一个变更状态的事件后，需要调用 store.commit()来进行状态变更
例如：store.commit('aaa')
 
store.dispatch()
 
是dispatch是触发action的一种方法
例如：store.dispatch('aaa')
 
二、共同点：
 
在更改状态、触发更改状态时都可以以载荷方式和对象方式进行分发.
 
store.commit()
 
store.commit('increment', {
  amount: 10
})

store.commit({
  type: 'increment',
  amount: 10
})
 
store.dispatch()
 
store.dispatch('incrementAsync', {
  amount: 10
})

// 以对象形式分发
store.dispatch({
  type: 'incrementAsync',
  amount: 10
})
 
三、区别
 
为了保证数据的状态稳定，可控，mutation“必须”是同步的，即：
 
commit：同步操作
dispatch：可以是异步操作，数据提交至 actions ，可用于向后台提交数据