前言：
当前咱们对“缓存local storage”都比较关怀，大家都想要学习一些“缓存local storage”的相关知识。那么小编同时在网上搜集了一些关于“缓存local storage””的相关资讯，希望朋友们能喜欢，咱们快快来学习一下吧！应用：
用户登录状态等信息，可以缓存到浏览器，方便记录登录状态
1）localStorage
默认为null 永久存储，关闭浏览器不会清除 清除的方式：清除浏览器缓存、代码方法清除 可允许存放的数据比较多
window.localStorage.getItem(键名) //获取本地存储数据window.localStorage.setItem(键名,键值) //设置本地存储window.localStorage.removeItem(键名) //删除指定键名的数据window.localStorage.clear() //清除所有localStorage数据
【注意】存储的时候一定得是字符串格式，如果需要存json，需要先转换后存储
2）sessionStorage
默认也是null 关闭浏览器后会自动清除 可允许存放的数据比较少
window.sessionStorage.getItem(键名) //获取本地存储数据window.sessionStorage.setItem(键名,键值) //设置本地存储window.sessionStorage.removeItem(键名) //删除指定键名的数据window.sessionStorage.clear() //清除所有localStorage数据
vue在生命周期函数中处理
在生命周期函数内处理
本地存储默认为null所引发的问题
created() { let storage = window.localStorage.getItem('listData'); //获取本地存储中的数据 let listdata = storage=='null' ? [] : JSON.parse(storage); //为了避免用户第一次渲染页面你的时候，sotrage为null所引发的报错，因为JSON.parser不能处理null this.list = listdata} 版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
