vuex和localStorage/sessionStorage 區別

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

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

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

注:不少同窗以爲用localstorage能夠代替vuex, 對於不變的數據確實能夠,
可是當兩個組件共用一個數據源(對象或數組)時,若是其中一個組件改變了該數據源,但願另外一個組件響應該變化時,local torage沒法作到.瀏覽器

-----cookie

針對第3點,vuex就是一個「提高變量」的一個工具,它是將state當作全局變量存儲。F5刷新頁面以後天然隨着頁面的刷新從新初始化state。session

目前想讓瀏覽器記住數據,通常都會採用cookie或者localStorage、sessionStorage等方法工具

相關文章
相關標籤/搜索