vue之浏览器存储方法封装实例

如下所示：

export function isobject (val) {
 return val !== null && typeof val === 'object'
}
export function setstore (key, val, type = 'localstorage') {
 if (isobject(val)) window[type].setitem(key, json.stringify(val))
 else window[type].setitem(key, val)
}
export function getstore (key, type = 'localstorage') {
 var val = window[type].getitem(key)
 try {
 return json.parse(val)
 } catch (e) {
 return val
 }
}
export function setsessionstore (key, val) {
 setstore(key, val, 'sessionstorage')
}
export function getsessionstore (key) {
 return getstore(key)
}
// 默认30minute
export function setexpirestore (key, val, ex = 1.8e6) {
 setstore(key, {v: val, t: date.now() + ex})
}
export function getexpirestore (key) {
 var obj = getstore(key)
 if (obj.t > date.now()) return obj.v
 else return false
}
export default {
 isobject,
 setstore,
 getstore,
 setsessionstore,
 getsessionstore,
 setexpirestore,
 getexpirestore
}

以上这篇vue之浏览器存储方法封装实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。