LocalStorage容器

### 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;
}