目录
- 一.uni.setStorage(OBJECT)
- OBJECT 参数
- uni.getStorage()
- uni.removeStorage()
- 二. uni.setStorageSync(KEY,DATA)
- 参数说明
- uni.getStorageSync()
- uni.removeStorageSync()
- 注意
- 参考
一.uni.setStorage(OBJECT)
将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。
OBJECT 参数
参数名 | 说明 |
---|---|
key | 本地缓存中的指定的 key(必填) |
data | 需要存储的内容,只支持原生类型、及能够通过 JSON.stringify 序列化的对象(必填) |
success | 接口调用成功的回调函数 |
fail | 接口调用失败的回调函数 |
complete | 接口调用结束的回调函数(调用成功、失败都会执行) |
//将数据存入storagesetInfo(){uni.setStorage({ //存入Storagekey:'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()
//清除StorageremoveInfo(){uni.removeStorage({//删除Storagekey:'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()
//从本地缓存中同步移除指定 keyuni.removeStorageSync('storage_key');
注意
1.各个小程序端为其自带的storage api,数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。
2.微信小程序单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。
参考
Vue3官方文档
尚硅谷Vue3视频