一标沪、Vuex(響應(yīng)式)
存儲(chǔ)方式:存儲(chǔ)在內(nèi)存
存儲(chǔ)類型:無(wú)限制
場(chǎng)景: 用于組件之間的傳值
永久性:刷新頁(yè)面F5,就會(huì)清空內(nèi)存汉柒,Vuex存儲(chǔ)的值會(huì)丟失
二琅坡、sessionStorage(非響應(yīng)式)
存儲(chǔ)方式:會(huì)話存儲(chǔ),臨時(shí)保存
存儲(chǔ)類型: 只存儲(chǔ)字符串(但可以通過(guò)JSON.strinify & JSON.parse來(lái)轉(zhuǎn)換)
場(chǎng)景: 不同頁(yè)面之間的傳值
永久性:不受頁(yè)面刷新影響亭螟,當(dāng)頁(yè)面關(guān)閉之后才會(huì)被清除
存:sessionStorage.setItem("userInfo",JSON.stringify(obj)); //將其他數(shù)據(jù)類型轉(zhuǎn)為字符串存儲(chǔ)
鹊舶啊:let user = JSON.parse(sessionStorage.getItem("userInfo"));? //取得時(shí)候,再解析即可
刪:sessionStorage.removeItm("userInfo");
清:sessionStorage.clear();
三预烙、localStorage(非響應(yīng)式)
存儲(chǔ)方式:以文件的方式存儲(chǔ)在本地墨微,永久保存
存儲(chǔ)類型:只能存儲(chǔ)字符串( 但可以通過(guò)JSON.strinify & JSON.parse來(lái)轉(zhuǎn)換)
場(chǎng)景:不同頁(yè)面之間的傳值
永久性:不主動(dòng)刪除,就會(huì)一直存在
存:localStorage.setItem("userInfo",JSON.stringify(obj)); //將其他數(shù)據(jù)類型轉(zhuǎn)為字符串存儲(chǔ)
缺獾А:let user = JSON.parse(localStorage.getItem("userInfo"));? //取得時(shí)候翘县,再解析即可
刪:localStorage.removeItem("userInfo");
清:localStorage.clear();