Vue的Strorage本地化存储

狄赞
2023-12-01

Storage本地化存储

  • 存储优点:
    • 空间更大:cookie为4kb,storage为5mb
    • 节省网络流量:不会发送数据到服务器,直接存储在本地
    • 快速显示:存储在本地的数据+浏览器本地的缓存,比从服务器获取数据快得多

localStorage

  1. 会永久存储会话数据,除非手动删除或者removeItem
  2. 在所有的同源的窗口中存储的数据是共享的
  3. 只能存储字符串类型的数据,复杂的对象数据必须借助JSON的stringfy和parse处理

sessionStorage

  1. 在一个会话期内,存储会话数据,当关闭当前的会话页面(浏览器页面)时,数据就删除了
  2. 存储的数据各会话窗口无法共享
  3. 只能存储字符串类型的数据,复杂的对象数据必须借助JSON的stringfy和parse处理
 类似资料: