vue 存取本地缓存
时间: 2023-11-14 07:10:42 浏览: 84
vue实现localStorage工具类
在 Vue 中,可以使用 localStorage 或 sessionStorage 存取本地缓存。其中,localStorage 存储的数据没有过期时间,而 sessionStorage 存储的数据在关闭浏览器窗口后会被清除。
下面是一个使用 localStorage 存储数据的例子:
```javascript
// 存储数据
localStorage.setItem('key', 'value');
// 获取数据
const value = localStorage.getItem('key');
// 删除数据
localStorage.removeItem('key');
```
如果要存储对象,需要先将对象转换为字符串,再存储到本地缓存中:
```javascript
// 存储对象
const obj = { name: '张三', age: 18 };
localStorage.setItem('obj', JSON.stringify(obj));
// 获取对象
const objStr = localStorage.getItem('obj');
const obj = JSON.parse(objStr);
// 删除对象
localStorage.removeItem('obj');
```
阅读全文