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