LocalStorage與SessionStorage的主要區別

1.實質區別
vuex存的是狀態，存儲在內存；localStorage是瀏覽器提供的接口，讓你存的是接口，以文件的形式存儲到本地
2.應用場景
vuex用於組件之間的傳值，localStorage則主要用於頁面之間的傳值
3.永久性
當刷新頁面時，vuex存儲的值會丟失，localStorage不會
總結
localStorage可以代替vuex，對於不變的數據確實可以，但是當兩個組件共同用以數據源，如果其中一個組件中的數據源改變，希望另一個組件響應變化，這時候就要選擇用vuex。vuex是vue的狀態管理機制，是方便組件之間通信的。一個組件的數據變化是會映射到使用這個數據的其他組件。而localStorage是本地存儲，是將數據存儲到瀏覽器的方法，一般在跨頁面時使用。

 

 

1.vuex主要是用於數據監聽，並作用到渲染層。比如token消失自動跳轉到登錄頁，token存完自動跳到首頁。如果直接操作localstorage，需要自己實現監聽事件

2.

LocalStorage與SessionStorage的主要區別：

LocalStorage除非主動刪除，否則會永久存儲在瀏覽器中。

SessionStorage只在當前所在窗口關閉前有效，窗口關閉后其存儲數據也就會被自動清除。

 

3.

localStorage.setItem("lan",value);

localStorage.getItem("lan");

 

存：

var obj = {"name":"ergouzi","age":"16"}
localStorage.setItem("userInfo",JSON.stringify(obj));
取：

var user = JSON.parse(localStorage.getItem("userInfo"))
刪除：

localStorage.removeItem("userInfo);
清空：

localStorage.clear();

 

 

 

localStorage     詳細 X

網絡釋義

localStorage: 本地存儲

LS LocalStorage: 局部存儲體

sessionStorage localStorage: 功能