jeecg-vue3,本地缓存的使用localStorage

介绍:使用localStoragesessionStorage来存储数据。localStorage提供持久化存储,而sessionStorage仅在页面会话期间有效。

1.localStorage

// 存储数据
localStorage.setItem('myData', JSON.stringify(data));

// 读取数据
const storedData = JSON.parse(localStorage.getItem('myData'));

// 清楚指定缓存
localStorage.removeItem('myData');

//清楚缓存
localStorage.clear();

2.sessionStorage

// 将数据存储到sessionStorage
sessionStorage.setItem('myKey', JSON.stringify(someData));
// 从sessionStorage读取数据
const data = JSON.parse(sessionStorage.getItem('myKey'));
// 清除sessionStorage中的单个条目
sessionStorage.removeItem('myKey');
// 清除sessionStorage中的所有数据
sessionStorage.clear();

3.总结

缓存还有其它方式:组件缓存、浏览器缓存、Vuex持久化插件、内存缓存、第三方库、网络请求缓存。后期会随着使用,修改博客内容

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值