uni-app（九）

• 数据缓存

uni.setStorage :存储数据的异步接口
uni.getStorage :获取数据的异步接口
uni.removeStorage :移除数据的异步接口

//template模板
<view>
    <button type="primary" @click="setStorage">存储数据</button>
    <button type="default" @click="getStorage">获取数据</button>
    <button type="primary" @click="removeStorage">移除数据</button>
</view>

//在methods中写这三个方法
　　　　　　　setStorage(){
                uni.setStorage({
                    key:"id",
                    data:80,
                    success(){
                        console.log("存储成功")
                    }
                })
            },
            getStorage(){
                uni.getStorage({
                    key:"id",
                    success(res){
                        console.log("获取成功",res.data)
                    }
                })
            },
            removeStorage(){
                uni.removeStorage({
                    key:"id",
                    success() {
                        console.log("移除成功")
                    }
                })
            }

效果图

异步存储数据

 

 

 

 

 

 异步获取数据

 异步移除数据

原来在application存储的Id移除了

 

 

 

uni.setStorageSync  :存储数据同步接口

uni.getStorageSync  :获取数据同步接口

uni.removeStorageSync  :移除数据同步接口

同步存储数据

 

 

 同步获取数据

 

 

 同步移除数据