vuex和localStorage/sessionStorage 區別


1.最重要的區別:vuex存儲在內存,localstorage則以文件的方式存儲在本地

2.應用場景:vuex用於組件之間的傳值,(響應式的),localstorage則主要用於不同頁面之間的傳值(其他頁面更新數據了,當前頁面要刷新才能相應更新,非響應式的)

(響應式跟非響應式簡直是說到點子上了)

3.永久性:當刷新頁面時vuex存儲的值會丟失(存在內存里的,刷新了,當然會丟失),localstorage不會。

注:很多同學覺得用localstorage可以代替vuex, 對於不變的數據確實可以,
但是當兩個組件共用一個數據源(對象或數組)時,如果其中一個組件改變了該數據源,希望另一個組件響應該變化時,local torage無法做到.

-----

針對第3點,vuex就是一個“提升變量”的一個工具,它是將state當做全局變量存儲。F5刷新頁面之后自然隨着頁面的刷新重新初始化state。

目前想讓瀏覽器記住數據,一般都會采用cookie或者localStorage、sessionStorage等方法


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM