本地存储localStorage和sessionStorage

应用：

用户登录状态等信息，可以缓存到浏览器，方便记录登录状态

1）localStorage

默认为null 永久存储，关闭浏览器不会清除 清除的方式：清除浏览器缓存、代码方法清除 可允许存放的数据比较多

window.localStorage.getItem(键名)  //获取本地存储数据
window.localStorage.setItem(键名,键值) //设置本地存储
window.localStorage.removeItem(键名)  //删除指定键名的数据
window.localStorage.clear()  //清除所有localStorage数据

【注意】存储的时候一定得是字符串格式，如果需要存json，需要先转换后存储

2）sessionStorage

默认也是null 关闭浏览器后会自动清除 可允许存放的数据比较少

window.sessionStorage.getItem(键名)  //获取本地存储数据
window.sessionStorage.setItem(键名,键值) //设置本地存储
window.sessionStorage.removeItem(键名)  //删除指定键名的数据
window.sessionStorage.clear()  //清除所有localStorage数据

vue在生命周期函数中处理

在生命周期函数内处理

本地存储默认为null所引发的问题

created() {
    let storage = window.localStorage.getItem('listData'); //获取本地存储中的数据
    let listdata = storage=='null' ? [] : JSON.parse(storage); 
    //为了避免用户第一次渲染页面你的时候，sotrage为null所引发的报错，因为JSON.parser不能处理null
  
    this.list = listdata
}