uni-app 數據緩存（setStorage）

<template>
    <view>
        
    </view>
</template>

<script>
    var _self;
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            
        },
        onLoad() {
            // 數據緩存 異步
            _self = this;
            uni.setStorage({
                key:'name',
                data:'hcoder',
                success() {
                    console.log('成功了')
                },
                fail() {
                    console.log('緩存失敗了')
                }
            });
            
            //數據緩存 同步 一定要用try catch 包裹
            try{
                uni.setStorageSync('age', '18');
            }catch(e){
                //TODO handle the exception
            };
            
            //從本地緩存中 異步獲取指定 key 對應的內容
            uni.getStorage({
                key: 'name',
                success: function (res) {
                    console.log('name 異步獲取 = ' + res.data);
                }
            });
            
            // 同步方式獲取數據， 阻塞形式，如果做完了的話代碼才會向下進行
            try{
                const value = uni.getStorageSync('name');
                if(value){
                    console.log("const value = uni.getStorageSync('name') 同步獲取 = " + value)
                }
            }catch(e){
                //TODO handle the exception
            };
            
            
            // 異步獲取當前 storage 的相關信息
            uni.getStorageInfo({
                success: function (res) {
                    // keys:  當前 storage 中所有的 key
                    // currentSize:  當前占用的空間大小, 單位：kb   current:當前的
                    // limitSize:  限制的空間大小, 單位：kb   limit:限制
                    console.log('異步獲取' + res.keys);
                    console.log(res.currentSize);
                    console.log(res.limitSize);
                }
            });
            
            // 同步獲取 當前 storage 的相關信息
            try {
                const res = uni.getStorageInfoSync();
                console.log('同步獲取' + res.keys);
                console.log(res.currentSize);
                console.log(res.limitSize);
            } catch (e) {
                // error
            };
            
            // 從本地緩存中 異步移除指定 key
            // uni.removeStorage({
            //     key: 'name',
            //     success: function (res) {
            //         console.log('刪除成功');
            //     }
            // });
            
            // 從本地緩存中 同步移除指定 key
            // try {
            //     uni.removeStorageSync('name');
            // } catch (e) {
            //     // error
            // }
            
            // 異步清理本地數據緩存
            // uni.clearStorage();
            // 
            // 
            // // 同步清理本地數據緩存
            // try {
            //     uni.clearStorageSync();
            // } catch (e) {
            //     // error
            // }
        }
    }
</script>

<style>

</style>

未使用刪除 key 和 清除 本地緩存 的效果圖