【本地存儲】將數據存儲到本地 （sessionStorage、vuex）

 

數據存儲本地
　　 sessionStorage.setItem("nm",info.nm);   //第一參數是key,第二個參數是val sessionStorage.setItem("id",info.id);

從本地讀取數據
 sessionStorage.getItem("nm");  

 sessionStorage.getItem("id");

從本地存儲清除

（01、本地存儲中刪除某個保存的數據）

sessionStorage.removeItem('key');
localStorage.removeItem('key');

（02、刪除所有保存的數據）

sessionStorage.clear();
localStorage.clear();

1.創建緩存

    localStorage.setItem('doEdit', this.doEdit);
2.讀取緩存

    localStorage.getItem('doEdit', this.doEdit);
3.清除緩存

    localStorage.clear();

 

 

window.localStorage.removeItem('name')

 

 Vuex 中刷新瀏覽器數據丟失處理方法====存在本地咯

 

sessionStorage    本地存儲對象的方法

 

把數組存在本地 （需要把它轉為對象才能存）
sessionStorage.setItem("hotCity",JSON.stringify(hotCity));
 sessionStorage.setItem("cityList",JSON.stringify(cityList));

把本地存在的數組讀取處理（因為存時是字符，所以要轉為對象才是數組）

 　　hotCity: JSON.parse(sessionStorage.getItem("hotCity"))  

    cityList:JSON.parse(sessionStorage.getItem("cityList"))