關(guān)于vuex的自我理解

1.為什么要使用vuex

解決組件之間的 通信問(wèn)題
方案有
1)常說(shuō)的父子 子父組件之間的通信,問(wèn)題:子組件是不可以改變父組件的數(shù)據(jù)
2) 借助第三方 :事件總線
給vue實(shí)例綁定一個(gè)事件總線 問(wèn)題:通信 數(shù)據(jù)多 雜 不好管理
例如 this.emit('aaa',{}) this.emit('bbb",{})
3)于是乎,出現(xiàn)了第三方 狀態(tài)池 state 把數(shù)據(jù)狀態(tài) 扔到一個(gè)狀態(tài) 池中

2. mutation 和 action的區(qū)別

類比如數(shù)據(jù)庫(kù)彤委,mutation是一次數(shù)據(jù)的讀或者寫
action 可以包含多個(gè)數(shù)據(jù)的讀或者寫,相當(dāng)于事務(wù)的概念,即可以包含多個(gè)commit

mutation就是一次同步操作
ation可以包含任意異步操作

3.Getter 和 mutation

Getter相當(dāng)于對(duì)state的get
mutation相當(dāng)于對(duì)state的set
不能直接修改state的狀態(tài) ,避免同時(shí)去做類似于加減的操作

4.commit

commit 同步
都用commit修改數(shù)據(jù),在改數(shù)據(jù)的那一刻蛾找,相當(dāng)于鎖定該操作

5.mapstate,mapGetter...等輔助函數(shù)

就是將state上的屬性或者方法直接綁定在vue的實(shí)例上
通過(guò)this.XXX調(diào)用 而不是this.$store.XXX

vuex官網(wǎng)

6.關(guān)于state與vue data中的雙向數(shù)據(jù)綁定

vuex的常用模式

當(dāng)嚴(yán)格模式
用這種模式時(shí),必須是值類型
如果是引用類型
則頁(yè)面上data 的改變争拐,會(huì)要去修改state的值
而state值只能有commit 修改
解決方案:官網(wǎng) vuex中的表單處理
https://vuex.vuejs.org/zh/guide/forms.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件正歼,死亡現(xiàn)場(chǎng)離奇詭異旭咽,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)伐蒂,“玉大人,你說(shuō)我怎么就攤上這事〖司郑” “怎么了?”我有些...
    開封第一講書人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵呈宇,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我局雄,道長(zhǎng)甥啄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任炬搭,我火速辦了婚禮蜈漓,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘宫盔。我一直安慰自己融虽,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開白布灼芭。 她就那樣靜靜地躺著有额,像睡著了一般。 火紅的嫁衣襯著肌膚如雪彼绷。 梳的紋絲不亂的頭發(fā)上巍佑,一...
    開封第一講書人閱讀 49,730評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音寄悯,去河邊找鬼萤衰。 笑死,一個(gè)胖子當(dāng)著我的面吹牛猜旬,可吹牛的內(nèi)容都是我干的脆栋。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼洒擦,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼椿争!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起秘遏,我...
    開封第一講書人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤丘薛,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后邦危,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體洋侨,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡舍扰,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了希坚。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片边苹。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖裁僧,靈堂內(nèi)的尸體忽然破棺而出个束,到底是詐尸還是另有隱情,我是刑警寧澤聊疲,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布茬底,位于F島的核電站,受9級(jí)特大地震影響获洲,放射性物質(zhì)發(fā)生泄漏阱表。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一贡珊、第九天 我趴在偏房一處隱蔽的房頂上張望最爬。 院中可真熱鬧,春花似錦门岔、人聲如沸爱致。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)糠悯。三九已至,卻和暖如春妻往,著一層夾襖步出監(jiān)牢的瞬間逢防,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工蒲讯, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留忘朝,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓判帮,卻偏偏與公主長(zhǎng)得像局嘁,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子晦墙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 目錄 組件化 組件通信 狀態(tài)管理 Vuex 是什么 Vuex 有什么特點(diǎn) Vuex 解決了什么問(wèn)題 什么類型的數(shù)據(jù)...
    前端小華子閱讀 1,986評(píng)論 0 16
  • 安裝 npm npm install vuex --save 在一個(gè)模塊化的打包系統(tǒng)中悦昵,您必須顯式地通過(guò)Vue.u...
    蕭玄辭閱讀 2,927評(píng)論 0 7
  • 寫在前面 因?yàn)閷?duì)Vue.js很感興趣,而且平時(shí)工作的技術(shù)棧也是Vue.js晌畅,這幾個(gè)月花了些時(shí)間研究學(xué)習(xí)了一下Vue...
    染陌同學(xué)閱讀 1,668評(píng)論 0 12
  • vuex 場(chǎng)景重現(xiàn):一個(gè)用戶在注冊(cè)頁(yè)面注冊(cè)了手機(jī)號(hào)碼但指,跳轉(zhuǎn)到登錄頁(yè)面也想拿到這個(gè)手機(jī)號(hào)碼,你可以通過(guò)vue的組件化...
    sunny519111閱讀 8,009評(píng)論 4 111
  • Vuex 是一個(gè)專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)棋凳,并以相應(yīng)...
    白水螺絲閱讀 4,654評(píng)論 7 61