前言:
storage 是類似cookie 的東西
在vue專案的src 資料夾下新建storage/index.js 檔案
index.js
/*
storage封裝
*//*
storage_key 可以是任意值
*/const
storage_key
='mall'
;export
default
else},
//獲取某乙個模組下面的屬性 user下面的username
getitem
(key,module_name)
return
this
.getstorage()
[key];}
,//獲取整個storage
getstorage()
');}
,//清空某乙個storage
clear
(key,module_name)
else
window.sessionstorage.
setitem
(storage_key
,json
.stringify
(val));
}}
>
<
!--可以載入所有的子頁面--
>
<
/router-view>
<
/div>
<
/template>
import storage from
'./storage/index'
export
default
,data()
},mounted()
,'user');
storage.
clear
('a');
}}<
/script>
<
/style>
學習封裝storage
學習採用靜態方法封裝localstorage。類相當於例項的原型，所有在類中定義的方法，都會被例項繼承。如果在乙個方法前，加上static關鍵字，就表示該方法不會被例項繼承，而是直接通過類來呼叫，這就稱為 靜態方法 class storage window.localstorage.setitem ...
封裝存 取storage工具方法
儲存localstorage export const setstorage name,content window.localstorage.setitem name,content 獲取localstorage 若存的是非字串則取出來的是字串，記得json.parse還原一下 export co...
在vue中監聽storage的變化
1 首先在main.js中給vue.protorype註冊乙個全域性方法，其中，我們約定好了想要監聽的sessionstorage的key值為 watchstorage 然後建立乙個storageevent方法，當我在執行sessionstorage.setitem k,val 這句話的時候，初始化...