• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

使用vuex中commit和dispatch的区别

开发技术 开发技术 1周前 (07-21) 9次浏览

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的区别

 

 (2)user.js

使用vuex中commit和dispatch的区别

 

 (3)组件中使用
使用vuex中commit和dispatch的区别

 

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

 


程序员灯塔
转载请注明原文链接:使用vuex中commit和dispatch的区别
喜欢 (0)