dispatch:actions的异步操作,写法: this.$store.dispatch(‘actions方法名’,值)

commit:mutations的同步操作,写法:this.$store.commit(‘mutations方法名’,值)

基础示例如下:

(1)先看文件结构图(当数据多的时候我们会分为多个文件,这里主要拿其中一个讲就可以user.js,index.js是store里面的基础文件,所有用到的文件都需要在index.js中引入)
使用vuex中commit和dispatch的区别_异步操作
使用vuex中commit和dispatch的区别_数据_02

 

 (2)user.js

使用vuex中commit和dispatch的区别_数据_03

 

 (3)组件中使用
使用vuex中commit和dispatch的区别_异步操作_04

 

 注意:因为有多个文件,所以在使用this.$store.commit("user/SET_MEAUS", "123456")的时候一定要加上是在哪个文件里的,我这个是在user文件中。