使用vuex中commit和dispatch的区别

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

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

基础示例如下:

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

 

 (2)user.js

 

 (3)组件中使用

 

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

 

posted @ 2021-07-22 11:03  相戀  阅读(759)  评论(0)    收藏  举报