Vue 中可以使用 JavaScript 原生的 localStorage 来实现本地存储,设置保存时间可以在存储时附带一个过期时间戳,在读取时检查是否过期即可。
示例代码如下:
// 设置保存时间为一小时
let expires = Date.now() + 1000 * 60 * 60;
localStorage.setItem('key', JSON.stringify({data: 'value', expires}));
// 读取并检查是否过期
let item = JSON.parse(localStorage.getItem('key'));
if (item.expires < Date.now()) {
localStorage.removeItem('key');
} else {
console.log(item.data);
}
注意:localStorage的存储空间有限,大概为5-10M左右,如果空间满了会报错,请注意清除过期数据。