Vue3组合式API,Pinia数据持久化操作

如果你要使用pinia持久化首先你得确认你有没有进行安装pinia

npm install pinia

如果你有安装那么你就可以继续往下看

步骤一:安装一个持久化插件  

npm install pinia-plugin-persist

步骤二:在main.js文件中进行引入

// 引入 pinia-plugin-persist 插件
import piniaPersist from 'pinia-plugin-persist'

// 导入创建pinia的函数
import { createPinia } from 'pinia'

// 创建pinia插件实例
const pinia = createPinia()
// 将插件注册到pinia上
pinia.use(piniaPersist)

实操对比:

步骤三:找到你需要持久化的仓库添加持久化配置

这里是在user这个仓库将里面的数据进行持久化

当然你也可以在添加其他配置比如添加key值