Vuex 和瀏覽器緩存

緩存是存在磁盤(pán)上面的，vuex里面存的對(duì)象是在內(nèi)存里面的

這么說(shuō)吧，存緩存的話(huà)我輕輕松松就給你改了，也可以輕輕松松知道你都存了什么，vuex的話(huà)，就沒(méi)那么容易了

還有一個(gè)就是存緩存的話(huà)刷新瀏覽器緩存不會(huì)被重置，vuex會(huì)被重置

首先，要區(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)景。比如：像用戶(hù)校驗(yàn)的 token 就可以存在 cookie 中，因?yàn)橛脩?hù)再次登錄的時(shí)候能用到。而像用戶(hù)的權(quán)限數(shù)據(jù)，這些是有一定安全性考慮，且不同用戶(hù)的權(quán)限不同，放在 vuex 中更合理，用戶(hù)退出時(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 中的值。