vue2 工具类_h5缓存
生活随笔
收集整理的這篇文章主要介紹了
vue2 工具类_h5缓存
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
文章目錄
- 路徑:public\static\js
- local-storage.js
- session-storage.js
- 全局注冊
- 使用
路徑:public\static\js
local-storage.js
LOCAL_KEY_REMEMBER_MEMBER = "LOCAL_KEY_REMEMBER_MEMBER"; // 記住我LocalStorage = {get: function (key) {let v = localStorage.getItem(key);if (v && typeof(v) !== "undefined" && v !== "undefined") {return JSON.parse(v);}},set: function (key, data) {localStorage.setItem(key, JSON.stringify(data));},remove: function (key) {localStorage.removeItem(key);},clearAll: function () {localStorage.clear();} };session-storage.js
SESSION_KEY_LOGIN_MEMBER = "SESSION_KEY_LOGIN_MEMBER"; // 登錄信息SessionStorage = {get: function (key) {let v = sessionStorage.getItem(key);if (v && typeof(v) !== "undefined" && v !== "undefined") {return JSON.parse(v);}},set: function (key, data) {sessionStorage.setItem(key, JSON.stringify(data));},remove: function (key) {sessionStorage.removeItem(key);},clearAll: function () {sessionStorage.clear();} };全局注冊
路徑:public/index.html
<!-- h5緩存 --><script src="<%= BASE_URL %>static/js/session-storage.js"></script><script src="<%= BASE_URL %>static/js/local-storage.js"></script>使用
let rememberMember = LocalStorage.get("key") || {};總結(jié)
以上是生活随笔為你收集整理的vue2 工具类_h5缓存的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 在uni-app中使用vant-weap
- 下一篇: SpringBoot集成Myabtis