Go...
Go...
前言好，经过上个章节的介绍完毕之后，给大家补充了一下 uni-app-数据传递的内容那么补充了 uni-app-数据传递的内容之后，这篇文章来给大家介绍一下 uni-app-数据缓存搭建项目首先我们还是要先搭建一个项目，这里我就不多说了，大家可以参考上一篇文章搭建好项目之后，我们就可以开始我们的正文了步入正题首先我们先来看一下 uni-app-数据缓存的 API官方文档：https://uniapp.dcloud.net.cn/api/storage/storage.html介绍方向大致就是新增，获取，删除，清空，清空所有（分为异步与同步操作）新增新增的话，我们可以通过 uni.setStorage(OBJECT) 来进行新增新增的话，我们可以通过 uni.setStorageSync(KEY,DATA) 来进行新增两者的区别就是一个是异步，一个是同步，带有 Sync 的就是同步的，不带有 Sync 的就是异步的两者的参数不一样，一个是传递一个对象，一个是传递两个参数好了，下面我们来看一下具体的使用, 首先看同步，代码如下：
代码语言：html复制
运行测试效果：
好了，下面我们来看一下异步，代码如下：
代码语言：html复制add() {
uni.setStorage({
key: 'name',
data: 'hello BNTang',
success: function() {
console.log('success');
}
});
}运行测试效果：
获取获取的话，我们可以通过 uni.getStorage(OBJECT) 来进行获取获取的话，我们可以通过 uni.getStorageSync(KEY) 来进行获取看一下具体的使用, 首先看同步，代码如下：
代码语言：html复制代码语言：html复制get() {
try {
this.name = uni.getStorageSync('name');
} catch (e) {
// error
}
}运行测试效果：
来看一下异步，代码如下：
代码语言：html复制get() {
const that = this
uni.getStorage({
key: 'name',
success: function(res) {
that.name = res.data
}
});
}运行测试效果：
删除删除的话，我们可以通过 uni.removeStorage(OBJECT) 来进行删除删除的话，我们可以通过 uni.removeStorageSync(KEY) 来进行删除看一下具体的使用, 首先看同步，代码如下：
代码语言：html复制代码语言：html复制del() {
try {
uni.removeStorageSync('name');
} catch (e) {
// error
}
}运行测试效果：
点击删除按钮之后：
异步略过，大家可以自己去试一下。
清空清空的话，我们可以通过 uni.clearStorage() 来进行清空清空的话，我们可以通过 uni.clearStorageSync() 来进行清空看一下具体的使用, 首先看同步，代码如下：
代码语言：html复制代码语言：html复制clear() {
try {
uni.clearStorageSync();
} catch (e) {
// error
}
}运行测试效果，记得存储点进去之后，再点击清空按钮，这个就不上图片了，大家自己去试一下异步略过，大家可以自己去试一下getStorageInfo再给大家补充一个，getStorageInfo，这个 API 可以获取当前 storage 的相关信息，代码如下：
代码语言：html复制代码语言：html复制getStorageInfoFn() {
try {
const res = uni.getStorageInfoSync();
console.log(res);
console.log(res.keys);
console.log(res.currentSize);
console.log(res.limitSize);
} catch (e) {
// error
}
}运行输出结果：
keys：当前 storage 中所有的 keycurrentSize：当前占用的空间大小, 单位 kblimitSize：限制的空间大小, 单位 kb异步略过，大家可以自己去试一下End如果你有任何问题或建议，欢迎在下方留言，我会尽快回复如果你觉得本文对你有帮助，欢迎点赞、收藏，你的支持是我写作的最大动力我正在参与2023腾讯技术创作特训营第四期有奖征文，快来和我瓜分大奖！
