一.uni.setStorage(OBJECT)
将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。
OBJECT 参数
| 参数名 | 说明 |
|---|---|
| key | 本地缓存中的指定的 key（必填） |
| data | 需要存储的内容，只支持原生类型、及能够通过 JSON.stringify 序列化的对象（必填） |
| success | 接口调用成功的回调函数 |
| fail | 接口调用失败的回调函数 |
| complete | 接口调用结束的回调函数（调用成功、失败都会执行） |
//将数据存入storage
setInfo(){
uni.setStorage({ //存入Storage
key:'userInfo', //自己取个名字
data: { //存的数据可以是很多条
'uid': res.data.uid,
'uname':res.data.uname,
'phone': res.data.phone
}
success() {
console.log('userInfo储存成功');
}
})
}
uni.getStorage()
//从Storage取数据
getInfo(){
uni.getStorage({
key:'userInfo',
success(res) {
console.log('获取成功',res.data);
}
})
}
uni.removeStorage()
//清除Storage
removeInfo(){
uni.removeStorage({ //删除Storage
key:'userInfo',
success() {
console.log('删除成功');
}
})
},
二. uni.setStorageSync(KEY,DATA)
将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。
参数说明
| 参数 | 说明 |
|---|---|
| key | 本地缓存中的指定的 key |
| data | 需要存储的内容，只支持原生类型、及能够通过 JSON.stringify 序列化的对象 |
//存
uni.setStorageSync('storage_key', 'hello');
uni.getStorageSync()
//从本地缓存中同步获取指定 key 对应的内容
const value = uni.getStorageSync('storage_key');
console.log(value);
uni.removeStorageSync()
//从本地缓存中同步移除指定 key
uni.removeStorageSync('storage_key');
注意
1.各个小程序端为其自带的storage api，数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。
2.微信小程序单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。文章来源：https://www.toymoban.com/news/detail-400645.html
参考
Vue3官方文档
尚硅谷Vue3视频文章来源地址https://www.toymoban.com/news/detail-400645.html
到了这里，关于uni-app——storage的使用(Storage、StorageSync)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
