uniapp本地存储和获取数据（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视频