Home  >  Article  >  Web Front-end  >  Vue browser storage method encapsulation example

Vue browser storage method encapsulation example

亚连
亚连Original
2018-05-30 10:16:131384browse

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn