vue使用session功能,保存和修改获取对象信息
时间: 2024-06-11 20:05:14 浏览: 97
Vue.js是一个MVVM框架,它并没有提供session的相关功能,但是我们可以通过浏览器的sessionStorage或者localStorage来实现这个功能。
其中,sessionStorage是会话级别的存储,当会话结束时,存储的数据也会随之被清除。而localStorage是永久性的存储,除非用户手动删除,否则数据会一直保存在本地。
下面是通过sessionStorage来保存和修改获取对象信息的示例代码:
保存对象信息:
```
let obj = { name: 'tom', age: 18 }
sessionStorage.setItem('userInfo', JSON.stringify(obj))
```
获取对象信息:
```
let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
console.log(userInfo.name) // 输出:tom
```
修改对象信息:
```
let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
userInfo.age = 20
sessionStorage.setItem('userInfo', JSON.stringify(userInfo))
```
需要注意的是,在使用sessionStorage或localStorage存储对象信息时,需要将对象转化为字符串格式,存储时使用JSON.stringify()方法,取出时使用JSON.parse()方法进行解析。
阅读全文
相关推荐
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231044955.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231044955.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)