vue获取本地缓存并转为json格式

场景

要求获取当前登录用户id，传入后台去筛选属于该用户的数据；

当前登录用户信息一般会在本地存储中，有些则是在session中，此处只对本地存储做讨论；

本地缓存的用法

1 存储数据
localStorage.setltem('userId',"111")
2 取出数据
localStorage.getltem('userId')

3 删除存储数据
localStorage.removeltem('userId')

4 更改数据
localStorage.setltem('userId',更改后  +"111")

变形

注：取出的数据默认是字符串格式

如果获取的用户id在本地缓存的Json数组中，那么则需要在获取数据后先转成json数据格式，再去取值；

const userInfo=JSON.parse(localStorage.getItem('userInfo'));//转为json格式后再处理
console.log(userInfo.content.user_id)
this.userId=parseInt(userInfo.content.user_id)