localStorage 用法

    locaStorage 是 Storage 的实例,有 setItem(name, value) 、getItem(name)、removeItem(name)、key(index)、.操作符、clear()方法, 还可以根据 length 属性获取 localStorage 中有多少键值对。

    Storage 类型只能存储字符串,非字符串的数据在存储之前会被转换成字符串。

    因此存储对象类型的数据要先通过 JSON.stringify 方法转换成 json 字符串后再保存在 locaStorage 中,否则 locaStorage 中保存的 value 为[Object object]

例:从 locaStorage 中获取缓存数据保存在Store中

initData(){
            if(this.$store.state.personal.lastPerf.score === 0){
                if(localStorage.getItem('personal')){
                    let str = localStorage.getItem('personal')
                    let personal = JSON.parse(str)
                    let state2 = {
                        user: personal.user,
                        lastPerf: personal.lastPerf,
                        sum: personal.sum,
                        rightNo: personal.rightNo
                    }                
                    this.$store.commit('initPersonal', state2)  
                }                                          
            } else {
                if(this.$store.state.personal.user != this.user.userName){
                    console.log("清除缓存")
                    localStorage.clear()
                }                
            }
        }


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值