이제 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 }
위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되기를 바랍니다.
관련 기사:
JS 익명 함수 및 익명 자체의 개념 및 사용법 분석 -기능 실행
위 내용은 Vue 브라우저 저장 방법 캡슐화 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!