下面我就为大家分享一篇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)}// 默认30minuteexport 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 实现双向绑定的四种方法
立即学习“前端免费学习笔记（深入）”；
Vue 实现双向绑定的四种方法
立即学习“前端免费学习笔记（深入）”；
Vue 实现双向绑定的四种方法
立即学习“前端免费学习笔记（深入）”；
以上就是vue之浏览器存储方法封装实例的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2753920.html
