封装local及session,方便后续调用。
1、src目录下创建storge文件夹
----index
----storge.local.js
----storge.session.js
2、index内容
import Vue from 'vue'
import LocalStorage from './storge.local'
import SessionStorage from './storge.session'
//原型链设置
Vue.prototype.$local = LocalStorage
Vue.prototype.$session = SessionStorage
3、storge.local.js
export default {
/**
* localStorage 获取 key 对应的值
* @param key
* @returns {*}
*/
get: (key) => {
const value = window.localStorage.getItem(key);
let result;
try {
const resultJSON = JSON.parse(value);
result = resultJSON;
}
catch (e) {
result = value;
}
return result;
},
/**
* localStorage 存入key 对应的值
* @param key
* @returns value
*/
set: (key, value) => {
const result = typeof value == 'object' ? JSON.stringify(value) : value.toString();
window.localStorage.setItem(key, result)
},
/**
* localStorage 删除 key 及对应的值
* @param key
*/
remove: (key) => {
window.localStorage.removeItem(key)
},
/**
* localStorage 清除
*/
clear: () => {
window.localStorage.clear()
}
}
4、storge.session.js
export default {
/**
* sessionStorage key 对应的值
* @param key
* @returns {*}
*/
get: (key) => {
const value = window.sessionStorage.getItem(key);
let result;
try {
const resultJSON = JSON.parse(value);
result = resultJSON;
}
catch (e) {
result = value;
}
return result;
},
/**
* sessionStorage 存入key 对应的值
* @param key
* @returns value
*/
set: (key, value) => {
const result = typeof value == 'object' ? JSON.stringify(value) : value.toString();
window.sessionStorage.setItem(key, result)
},
/**
* sessionStorage 删除 key 及对应的值
* @param key
*/
remove: (key) => {
window.sessionStorage.removeItem(key)
},
/**
* sessionStorage 清除
*/
clear: () => {
window.sessionStorage.clear()
}
}
制作不易,纯手工制作,有问题随时留言,联系方式:q_2640451680