### LocalStorage对象 - LocalStorage是JavaScript语言中在浏览器中存储数据的一种机制, 可以用于浏览器将数据以键值对的形式进行存储, 即使浏览器关闭 数据仍然保存 - 相关方法: - localStorage.setItem("key","value"); 存储数据 - localStorage.getItem("key"); 或 localStorage.key 获取数据 - localStorage.removeItem("key"); 删除指定数据 - localStorage.clear(); 清空数据 - 在LocalStorage中只能保存字符串类型的数据,如果需要保存对象,则需要先将对象转成Json格式的字符串,取出来时再将Json格式的字符串转回对象
前端不同页面访问数据需要用到LocalStorage容器
```
//把服务器响应的用户信息保存到localStorage里面供其他页面使用 let jsonStr = JSON.stringify(response.data.data); localStorage.setItem('user',jsonStr);
在主页上获取
```
mounted() { //进入页面就需要执行的代码写在此处 //此方法是Vue对象的生命周期方法,生命周期指从创建到销毁,生命周期方法会自动调用, // 会由Vue对象自动调用 //判断localStorage.user是否有值,有值将Json格式字符串转成user对象没值则为null this.user = localStorage.user?JSON.parse(localStorage.user):null; }