1.最重要的區別:vuex存儲在內存,localstorage則以文件的方式存儲在本地
2.應用場景:vuex用於組件之間的傳值,(響應式的),localstorage則主要用於不同頁面之間的傳值(其他頁面更新數據了,當前頁面要刷新才能相應更新,非響應式的)
(響應式跟非響應式簡直是說到點子上了)
3.永久性:當刷新頁面時vuex存儲的值會丟失(存在內存里的,刷新了,當然會丟失),localstorage不會。
注:很多同學覺得用localstorage可以代替vuex, 對於不變的數據確實可以,
但是當兩個組件共用一個數據源(對象或數組)時,如果其中一個組件改變了該數據源,希望另一個組件響應該變化時,local torage無法做到.
-----
針對第3點,vuex就是一個“提升變量”的一個工具,它是將state當做全局變量存儲。F5刷新頁面之后自然隨着頁面的刷新重新初始化state。
目前想讓瀏覽器記住數據,一般都會采用cookie或者localStorage、sessionStorage等方法