介绍:使用localStorage
或sessionStorage
来存储数据。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持久化插件、内存缓存、第三方库、网络请求缓存。后期会随着使用,修改博客内容