使用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