Vuex 的主要作用是用來(lái) 共享和管理數(shù)據(jù),那為什么不直接使用瀏覽器緩存呢?Vuex和瀏覽器緩存策略的根本區(qū)別是什么?Vuex state 倉(cāng)庫(kù)中的數(shù)據(jù)流是單向同步的,那為什么可以在action 中進(jìn)行異步操作? 比如在action 中發(fā)起請(qǐng)求,請(qǐng)求成功后再發(fā)起commit?請(qǐng)求各位大神解析??!
2 回答

拉莫斯之舞
TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超10個(gè)贊
首先,要區(qū)別 vuex
和 瀏覽器緩存 的區(qū)別。
vuex
的設(shè)計(jì)是將數(shù)據(jù)存在一個(gè)對(duì)象樹(shù)
的變量中,我們的應(yīng)用(vue應(yīng)用)從這個(gè)變量中取數(shù)據(jù),然后供應(yīng)用使用,當(dāng)將當(dāng)前頁(yè)面關(guān)閉,vuex
中的變量會(huì)隨著消失,重新打開(kāi)頁(yè)面的時(shí)候,需要重新生成。
而,瀏覽器緩存(cookie,localstorage等)是將數(shù)據(jù)存到瀏覽器的某個(gè)地方,關(guān)閉頁(yè)面,不會(huì)自動(dòng)清空這些數(shù)據(jù),當(dāng)再次打開(kāi)這個(gè)頁(yè)面時(shí),還是能取到之前存在瀏覽器上的數(shù)據(jù)(cookie,localstorage等)。
要使用vuex
還是使用瀏覽器緩存,要看具體的業(yè)務(wù)場(chǎng)景。比如:像用戶校驗(yàn)的token
就可以存在cookie
中,因?yàn)橛脩粼俅蔚卿浀臅r(shí)候能用到。而像用戶的權(quán)限數(shù)據(jù)
,這些是有一定安全性考慮,且不同用戶的權(quán)限不同,放在vuex
中更合理,用戶退出時(shí),自動(dòng)銷(xiāo)毀。
其次,vuex
中的 state
是單向的,也可以異步操作,這兩個(gè)沒(méi)有沖突。
vuex
中的state
的設(shè)計(jì)思路是保證數(shù)據(jù)的一致性和連續(xù)性,而讓state
中的值只能通過(guò)action
來(lái)發(fā)起commit
,進(jìn)而改變state
中的值。
而,action
中是同步
還是異步
,都是單向
地改變state
中的值。
- 2 回答
- 0 關(guān)注
- 1566 瀏覽
添加回答
舉報(bào)
0/150
提交
取消