vue利用浏览器存储聊天记录

LocalStorage 和 SessionStorage 统称为 WebStorage
1.存储内容大小一般支持5MB左右(不同浏览器可能还不一样)
⒉浏览器端通过 Window.sessionStorage 和Window.localStorage属性来实现本地存储机制
3.相关API：
1.xxxxxStorage.setItem( " key’ , “value”);
该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值
2.xxxxxStorage.getItem( “person”);
该方法接受一个键名作为参数，返回健名对应的值
3.xxxxxStorage.removeItem( “key”);
该方法接受一个键名作为参数，并把该键名从存储中删除
4.xxxxxStorage.clear()
该方法会清空存储中的所有数据
4.备注：
1.SessionStorage 存储的内容会随着浏览器窗口关闭而消失

2.LocalStorage 存储的内容，需要手动清除才会消失（调用api 或 清空缓存）
3. xxxxStorage.getItem(xxx)，如果 xxx 对应的 value 获取不到，那么 getltem 的返回值是null
4.JSON.parse(null) 的结果依然是 null

我们可以通过JSON对象提供的parse和stringify将其他数据类型转化成字符串，再存储到storage中就可以了。请看下面的代码。

var obj = { name:'Jim' };

var str = JSON.stringify(obj);

//存入

sessionStorage.obj = str;

//读取

str = sessionStorage.obj;

//重新转换为对象

obj = JSON.parse(str);