Exemple d'encapsulation de la méthode de stockage du navigateur Vue

Ci-dessous, je partagerai avec vous un exemple d'encapsulation de la méthode de stockage du navigateur Vue. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

est le suivant :

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
}

Ce qui précède est ce que j'ai compilé pour vous, j'espère qu'il vous sera utile dans le. avenir.

Articles associés :

Quatre façons d'implémenter la liaison bidirectionnelle dans Vue

Exemple d'interaction avec la souris dans le didacticiel d'introduction de p5.js

Analyse sur le concept et l'utilisation des fonctions anonymes JS et des fonctions anonymes auto-exécutables

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!