MDRY

导航

vue——webStorage

1.存储内容大小一般支持5MB左右(不同浏览器可能还不一样)

2.浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。

3.相关API:

例子:

localStorage的用法

 -----------注意----------

localStorage.setItem('todos',todos);

不能直接这么存数组,直接存在localStorage中todos [object Object],[object Object]

必须将其转换为字符串进行存储 JSON.stringify()

写法:localStorage.setItem('todos',JSON.stringify(value));

取出

必须将其转换为字符串进行存储 JSON.parse()

写法:console.log(JSON.parse(localStorage.getItem(“value”)));

此时才能输出我们想要用的数据

4.备注:

  1. SessionStorage存储的内容会随着浏览器窗口关闭而消失。

  2. LocalStorage存储的内容,需要手动清除才会消失。

  3. xxxxxStorage.getItem(xxx)如果xxx对应的value获取不到,那么getItem的返回值是null。

  4. JSON.parse(null)的结果依然是null。

 

posted on 2022-08-27 19:56  小懵丹儿  阅读(38)  评论(0编辑  收藏  举报