為什么有sessionStorage,localStorage等,還需要vuex


定義

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 是雙向綁定的,相對其他兩個性能上有優勢,但是刷新頁面數據就會丟失,所以在實際使用的時候需要考慮應用場景


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM