定義
1.local storage
local storage以文件的方式存儲在本地,永久保存。只能存儲字符串類型, 對於其他類型可使用JSON.stringify和JSON.parse方法轉換存儲。
用法:localStorage.setItem("token": value);
localStorage.token = value;
localStorage['token'] = value;
2.SessionStorage
session storage會話存儲,臨時保存,關閉頁面就被清除。除此之外,session的限制還在於 同一瀏覽器、同一窗口並且同源。只能存儲字符串類型, 對於其他類型需要json stringify和parse方法轉換存儲。
用法:
sessionStorage.setItem("token": value);
sessionStorage.token = value;
sessionStorage['token'] = value;
3.Vuex
用於組件之間傳值,當多個組件共用一個數據源的時候,如果此時數據發生變化,其他組件同時變化.But Vuex是存儲在內存中的,頁面刷新 =>清空內存=>所以狀態會丟失。
可用於組件之間的通信。方便。
優缺點
vuex 是雙向綁定的,相對其他兩個性能上有優勢,但是刷新頁面數據就會丟失,所以在實際使用的時候需要考慮應用場景