1. 程式人生 > 其它 >vuex中的資料在頁面重新整理後資料消失

vuex中的資料在頁面重新整理後資料消失

用sessionstorage 或者 localstorage 儲存資料

儲存: sessionStorage.setItem( '名', JSON.stringify(值) )
使用: sessionStorage.getItem('名') ---得到的值為字串型別,用JSON.parse()去引號;

sessionStorage和localStorage的區別:

html5的本地儲存是儲存在客戶端中,本地儲存包括sessionStorage和localStorage。

區別一:生命週期

sessionStorage僅在當前會話下生效,當你關閉頁面或瀏覽器後你儲存的sessionStorage資料會被清除。

localStorage生命週期是永久,儲存的資訊是永遠不會消失的,除非你自己主動清除localStorage資訊。

區別二:各自的使用方法

sessionStorage使用方法

1、第一個引數是儲存的變數名,第二個是變數的值

sessionStorage.setItem('sname', 'session');

2、獲取sessionStorage的資料

sessionStorage.getItem('sname');

3、刪除某個sessionStorage的資料

sessionStorage.removeItem('sname');

4、清除所有儲存的sessionStorage資料

sessionStorage.clear();

localStorage使用方法

1、第一個引數是儲存的變數名,第二個是變數的值

localStorage.setItem('lname', 'local');

2、獲取localStorage的資料

localStorage.getItem('lname');

3、刪除某個localStorage的資料

localStorage.removeItem('lname');

4、清除所有儲存的localStorage資料

localStorage.clear();

說了兩個它們的區別,那你應該在想它們有沒有共同點,共同點也是有的,共同點是它們的資料儲存大小一般都在5mb。