使用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文件中。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM