Vue browser storage method encapsulation example

Below I will share with you an encapsulation example of vue's browser storage method. It has a good reference value and I hope it will be helpful to everyone.

is as follows:

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
}

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

Four ways to implement two-way binding in Vue

p5.js introductory tutorial: Example of mouse interaction

JS anonymous function and anonymous self-executing function concept and usage analysis

The above is the detailed content of Vue browser storage method encapsulation example. For more information, please follow other related articles on the PHP Chinese website!