最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

理解vuex中Mutations的用法

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 19:50:19
文檔

理解vuex中Mutations的用法

理解vuex中Mutations的用法:這篇文章主要介紹了關(guān)于理解vue中Mutations的用法,有著一定的參考價(jià)值,現(xiàn)在分享給大家,有需要的朋友可以參考一下1.什么是mutations?上一篇文章說(shuō)的getters是為了初步獲取和簡(jiǎn)單處理state里面的數(shù)據(jù)(這里的簡(jiǎn)單處理不能改變state里面的數(shù)據(jù)),Vue
推薦度:
導(dǎo)讀理解vuex中Mutations的用法:這篇文章主要介紹了關(guān)于理解vue中Mutations的用法,有著一定的參考價(jià)值,現(xiàn)在分享給大家,有需要的朋友可以參考一下1.什么是mutations?上一篇文章說(shuō)的getters是為了初步獲取和簡(jiǎn)單處理state里面的數(shù)據(jù)(這里的簡(jiǎn)單處理不能改變state里面的數(shù)據(jù)),Vue

這篇文章主要介紹了關(guān)于理解vue中Mutations的用法,有著一定的參考價(jià)值,現(xiàn)在分享給大家,有需要的朋友可以參考一下

1.什么是mutations?

上一篇文章說(shuō)的getters是為了初步獲取和簡(jiǎn)單處理state里面的數(shù)據(jù)(這里的簡(jiǎn)單處理不能改變state里面的數(shù)據(jù)),Vue的視圖是由數(shù)據(jù)驅(qū)動(dòng)的,也就是說(shuō)state里面的數(shù)據(jù)是動(dòng)態(tài)變化的,那么怎么改變呢,切記在Vuexstore數(shù)據(jù)改變的唯一方法就是mutation!

通俗的理解mutations,里面裝著一些改變數(shù)據(jù)方法的集合,這是Veux設(shè)計(jì)很重要的一點(diǎn),就是把處理數(shù)據(jù)邏輯方法全部放在mutations里面,使得數(shù)據(jù)和視圖分離。

2.怎么用mutations?

mutation結(jié)構(gòu):每一個(gè)mutation都有一個(gè)字符串類型的事件類型(type)和回調(diào)函數(shù)(handler),也可以理解為{type:handler()},這和訂閱發(fā)布有點(diǎn)類似。先注冊(cè)事件,當(dāng)觸發(fā)響應(yīng)類型的時(shí)候調(diào)用handker(),調(diào)用type的時(shí)候需要用到store.commit方法。

載荷(payload):簡(jiǎn)單的理解就是往handler(stage)中傳參handler(stage,pryload);一般是個(gè)對(duì)象。

commit:提交可以在組件中使用 this.$store.commit('xxx') 提交 mutation,或者使用 mapMutations 輔助函數(shù)將組件中的 methods 映射為 store.commit 調(diào)用(需要在根節(jié)點(diǎn)注入 store)。

3.源碼分析

registerMutation:初始化mutation

commit:調(diào)用mutation

subscribers:訂閱storemutation

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

文檔

理解vuex中Mutations的用法

理解vuex中Mutations的用法:這篇文章主要介紹了關(guān)于理解vue中Mutations的用法,有著一定的參考價(jià)值,現(xiàn)在分享給大家,有需要的朋友可以參考一下1.什么是mutations?上一篇文章說(shuō)的getters是為了初步獲取和簡(jiǎn)單處理state里面的數(shù)據(jù)(這里的簡(jiǎn)單處理不能改變state里面的數(shù)據(jù)),Vue
推薦度:
標(biāo)簽: 中的 使用 使用方法
  • 熱門焦點(diǎn)
專題
Top
fffffffffffff

抖音扫码关注

手机端二维码

每天分享百科知识!