vue中利用localStorage儲存全域性變數

localstorage是本地儲存，允許在瀏覽器中儲存 key-value 對的資料，用於長久儲存整個**的資料，全域性變數可用這種方法儲存，在頁面重新整理不會丟失資料，儲存的資料沒有過期時間，直到手動去刪除。

可以儲存5m大小的資料（sessionstorage只可以儲存4k大小的資料）。

可將第一次請求的資料進行本地儲存，節約頻寬，快速響應。

永久儲存，儲存的資料沒有過期時間，需手動刪除；sessionstorage儲存資料的週期是當前會話的週期。

值型別儲存的是string型別的資料，儲存物件或者其他型別的資料需要轉換成string型別。

一些高版本瀏覽器支援：ie8.0、chrome 4.0、firefox 3.5、safari 4.0、opera 11.5及以上。

儲存資料過多，消耗記憶體，可能會導致頁面卡頓。

新建global.js檔案，設定儲存資料和返回資料的方法

export default ,/** 1. 將需要儲存的資料賦給localstorage中的redisdata 2. data:需要儲存的資料（string型別） **/setredisinformation (data)

,}

在main.js中引入

import global from
'./global'
;vue.prototype.global = global;

在其他的vue頁面中使用

（1）儲存資料

/* 資料轉換，如果要儲存的資料是不是string型別，需轉換；如將json物件轉為string型別 data = josn.stringify(param) */this .gloabl. setredisinformation (data)

//data是要儲存的資料

（2）獲取資料

var data =
this
.gloabl.
getredisinformation()
/*資料轉換，如string型別轉為json物件
var newdata = josn.parse(data)
*/

windows.localstorage.
setdata
("key"
,"value"
);

var data = windows.localstorage.
getdata
("key"
);

windows.localstorage.
removedata
("key"
);