uni-app——storage的使用(Storage、StorageSync)

一.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。

参考

Vue3官方文档
尚硅谷Vue3视频