vue怎么把数据存入本地
时间: 2024-02-09 22:08:19 浏览: 76
vue生成token并保存到本地存储中
Vue 可以通过浏览器的原生 API localStorage 或者 sessionStorage 将数据存储在本地。localStorage 和 sessionStorage 都是 HTML5 提供的本地存储方法,二者的区别在于数据生命周期的不同,localStorage 存储的数据没有过期时间,而 sessionStorage 存储的数据在会话结束时会被清除。
使用 localStorage 存储数据的示例代码如下:
```
// 存储数据
localStorage.setItem(key, value);
// 获取数据
localStorage.getItem(key);
// 删除数据
localStorage.removeItem(key);
```
其中 key 为存储数据的键,value 为存储的数据。getItem 方法用于获取存储的数据,removeItem 方法用于删除存储的数据。
需要注意的是,localStorage 和 sessionStorage 只能存储字符串类型的数据,如果需要存储对象或数组等复杂类型的数据,需要先将其转换成字符串类型,使用 JSON.stringify() 方法进行转换。在获取数据时,需要使用 JSON.parse() 方法将字符串类型的数据转换回对象或数组等复杂类型的数据。
阅读全文