vux(store) 、localstorage、sessionStorage、cookie存储使用总结(vue)

5 篇文章 0 订阅

cookie

  •    浏览器储存
  •    最大4KB
  •    document.cookie = cname + "=" + cvalue + "; " + expires;
  •    document.cookie.split(';');
  •    有个数限制(随浏览不同)一般不能超过20个;
  •    与服务端通信,每次都会携带在HTTP头中
  •    如果使用cookie保存过多数据会带来性能问题
  •    (尽量不用)

 

localstorage

  •    本地永久存储
  •    以文件的方式存储在本地  
  •    字符串    
  •    适合存储用户登录信息  
  •    不同页面之间的传值
  •    需手动清除:localstorage.clear()
  •    localStorage.getItem(key);
  •    localStorage.setItem(key,value);
  •    localStorage.removeItem(key);

 

sessionStorage 

  •    (临时存储)
  •    关闭页面后自动清除,页面刷新不会清除)  
  •    字符串(json对象可序列化成字符串存储)    
  •    不同页面之间的传值
  •    sessionStorage.getItem(key)
  •    sessionStorage.setItem(key,value)
  •    sessionStorage.removeItem(key)
  •    sessionStorage.clear()

store (vuex) 

  •   (临时存储) 
  •    F5刷新vuex存储的值会全部丢失
  •    字符串/对象
  •    vuex用于组件之间的传值
  •    多个组件共用一个数据源(对象或数组)时,一个组件改变了该数据源,其他组件响应该变化 

url传值

   vue单页面分享时会附带(移动端),造成信息读取错误

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值