在工作中我们可能要反复接触到本地贮存,有时候操作起来开还是挺繁琐的。分装一下还是很有必要的
创建一个工具文件
const storage = window.localStorage/** * 保存数据 * @param {*保存的key键值对} key * @param {*key对应的值} value */export function setLocalData(key, value) { if (!storage) { alert('您的浏览器不支持localStorage') } else { storage.setItem(key, JSON.Stringify(value)) }}/** * 获取数据 * @param {*要获取的键值对} key */export default function getLocalData(key) { return JSON.parse(storage.getItem(key))}/** * sessionStorage *//** * 保存数据 * @param {*保存的key键值对} key * @param {*key对应的值} value */export default function setSessionData(key, value) { sessionStorage.setItem(key,JSON.stringify(value))}/** * 获取数据 * @param {*要取的键值对} key */export default function getSessionData(key){ return JSON.parse(sessionStorage.getItem(key))}/** * * @param {*要移除数据的键值对} key */export default function removeSessionData(key){ sessionStorage.removeItem(key)}/** * 移除所有数据 */export default function clearSessionData(){ sessionStorage.clear();}
引用
直接在用的组件中 import就好了