Im Folgenden werde ich Ihnen ein Kapselungsbeispiel für die Browserspeichermethode von Vue vorstellen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.
Wie unten gezeigt:
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 }
Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.
Verwandte Artikel:
Vier Möglichkeiten zur Implementierung der bidirektionalen Bindung in Vue
Beispiel für Mausinteraktion im Einführungs-Tutorial von p5.js
Das obige ist der detaillierte Inhalt vonBeispiel für die Kapselung der Vue-Browser-Speichermethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!