vuex中store存儲(chǔ)store.commit和store.dispatch的用法
代碼示例：
this.$store.commit('loginStatus', 1);
this.$store.dispatch('isLogin', true);
規(guī)范的使用方式：
// 以載荷形式
store.commit('increment'，{
amount: 10 //這是額外的參數(shù)
})
// 或者使用對(duì)象風(fēng)格的提交方式
store.commit({
type: 'increment',
amount: 10 //這是額外的參數(shù)
})
主要區(qū)別：
dispatch：含有異步操作，數(shù)據(jù)提交至 actions ，可用于向后臺(tái)提交數(shù)據(jù)
寫法示例：
this.$store.dispatch('isLogin', true);
commit：同步操作，數(shù)據(jù)提交至 mutations ，可用于登錄成功后讀取用戶信息寫到緩存里
寫法示例：
this.$store.commit('loginStatus', 1);
兩者都可以以載荷形式或者對(duì)象風(fēng)格的方式進(jìn)行提交
補(bǔ)充知識(shí)：如何獲取vuex的action的返回值（axios請(qǐng)求為例）
因?yàn)橹袄蠋熡兄v過(guò)將vuex的封裝。
今天就想嘗試寫一下，然后就封裝了。
但是我想要在vue組件里面獲取vuex的action的返回值
這里我用的dispatch調(diào)用 如圖
我這里使用的new Promise的方法
調(diào)用getlunbolist的時(shí)候返回一個(gè)new Promise，把需要的值用resolve帶出
在組件就可以用then的方法取出來(lái)使用
我只是一個(gè)小小白，我知道我的表述很生硬而且可能還不準(zhǔn)備，但是意思就是大概這個(gè)意思。而且會(huì)堅(jiān)持把我覺(jué)得有收獲的內(nèi)容下來(lái)的，希望以后成大佬了能自己來(lái)完善，當(dāng)然大佬們看到問(wèn)題了可以多多指點(diǎn)一下小弟。
以上這篇vuex中store存儲(chǔ)store.commit和store.dispatch的用法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3響應(yīng)式高階用法之markRaw()的使用
在Vue3中,markRaw()用于防止對(duì)象被轉(zhuǎn)換為響應(yīng)式,適用于管理大型庫(kù)對(duì)象或靜態(tài)數(shù)據(jù),有助于優(yōu)化性能和防止不必要的修改,本文就來(lái)詳細(xì)的介紹一下,感興趣的可以了解一下2024-09-09
HTML頁(yè)面中使用Vue示例進(jìn)階（快速學(xué)會(huì)上手Vue）
Vue是用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。特色：構(gòu)建用戶界面—數(shù)據(jù)變成界面；漸進(jìn)式—Vue可以自底向上逐層的應(yīng)用。VUE有兩種使用方式，一種實(shí)在html中直接使用vue做開發(fā)，一種是企業(yè)級(jí)的單頁(yè)面應(yīng)用。2023-02-02
Vue3實(shí)現(xiàn)轉(zhuǎn)盤抽獎(jiǎng)效果的示例詳解
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)Vue3實(shí)現(xiàn)簡(jiǎn)單的轉(zhuǎn)盤抽獎(jiǎng)效果,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的可以了解一下2023-10-10
vue的index.html中獲取環(huán)境變量和業(yè)務(wù)判斷圖文詳解
這篇文章主要給大家介紹了關(guān)于vue的index.html中獲取環(huán)境變量和業(yè)務(wù)判斷的相關(guān)資料,對(duì)vue來(lái)說(shuō)index.html是一個(gè)總的入口文件,vue是單頁(yè)面應(yīng)用,掛在id為app的div下然后動(dòng)態(tài)渲染路由模板,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了Vuex mutitons和actions初使用詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
關(guān)于vue.extend的使用及說(shuō)明
這篇文章主要介紹了關(guān)于vue.extend的使用及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
vueJS簡(jiǎn)單的點(diǎn)擊顯示與隱藏的效果【實(shí)現(xiàn)代碼】
下面小編就為大家?guī)?lái)一篇vueJS簡(jiǎn)單的點(diǎn)擊顯示與隱藏的效果【實(shí)現(xiàn)代碼】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，一起跟隨小編過(guò)來(lái)看看吧2016-05-05
vue directive定義全局和局部指令及指令簡(jiǎn)寫
這篇文章主要介紹了vue directive定義全局和局部指令及指令簡(jiǎn)寫,本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11
vue3中vite的@路徑別名與path中resolve實(shí)例詳解
這篇文章主要給大家介紹了關(guān)于vue3中vite的@路徑別名與path中resolve的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-02-02
這篇文章主要介紹了vant 自定義 van-dropdown-item的用法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08