如何把pinia的数据持久化到localstorage
时间: 2023-12-06 15:50:02 浏览: 184
在vue中使用pinia,并且保持数据持久化
您可以使用以下代码将数据存储到 localstorage:
```
// 假设 pinia 是一个 Vue3 的插件
import { createPinia } from 'pinia'
const pinia = createPinia()
// 假设您有一个名为 users 的 store
// 其中有一个名为 userList 的状态属性
const userStore = pinia.store('users')
// 在保存数据前,先将 userList 转换成 JSON 字符串
const userListStr = JSON.stringify(userStore.userList)
// 将 userListStr 存储到 localstorage 中,key 可以自定义
localStorage.setItem('userList', userListStr)
```
当您需要获取数据时,可以使用以下代码:
```
// 获取之前存储的 userList 字符串
const userListStr = localStorage.getItem('userList')
// 将字符串解析成对象
const userList = JSON.parse(userListStr)
// 将 userList 设置回 userStore 中
userStore.userList = userList
```
阅读全文