目录

      • 一.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视频