数据常驻的三种方法:cookie,本地缓存,浏览器数据库(里面的本地缓存最重要)

数据常驻有三种:(除了本地缓存其它了解即可)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190307210744975.png)

上图可以在浏览器里的application看到.

第一种:cookie

cookie可以使用js操纵
早期没有本地缓存是 经常使用cookie保存一些数据

第二种:webSql indexDB (数据库)

浏览器内部的一个小型数据库
可以让我们在浏览器中保存多一些数据
都是保存在浏览器中是不可控的 所以如果数据十分重要 一定要 在服务器的数据库中 再存一份

第三种:

本地缓存分为:localStorage和sessionStorage

localStroage

只要不删除 都在
sessionStroage
关闭浏览器结束(一次会话)

本地缓存使用方法:
数据读取
页面打开时读取数据
JSON.parse(window.localStroage.getItem(‘key’))||[]
数据保存
数据修改时保存
vue提供的侦听器 watch实现
浏览器关闭(刷新) 保存 window.localStroage.setItem(‘key’,value);
window.onbeforeunload = function(){
// 只能保存字符串 JSON.stringify()
window.localStroage.setItem(‘key’,value);
}