哎，说实话，UniApp 项目要Zuo到跨平台，真是够折腾的。咱就是说直接用 localStorage 搞状态持久化？那可不行啊！H5、App、小程序，兼容性一塌糊涂。你懂的，维护起来简直跟绕迷宫似的。

所以这个时候就需要一个Neng帮你省心的插件了。@rdeam/pinia-plugin-uni-persist-next 就是这么个家伙。

这个插件主要解决 UniApp 项目里 Pinia 状态存储的问题。简单来说就是自动帮你把 Pinia 的 store 数据保存到本地 storage 里。刷新页面或者 App 重启了数据还Neng找回来。

pnpm add @rdeam/pinia-plugin-uni-persist-next

安装好之后在 Pinia 初始化的时候注册这个插件：

import { createPinia } from 'pinia';import { createUniPersistPlugin } from '@rdeam/pinia-plugin-uni-persist-next';const pinia = createPinia;pinia.use,);

然后呢，在需要持久化的 store 里开启 `persist` 属性：

import { defineStore } from 'pinia';export const useUserStore = defineStore => , persist: { enabled: true, strategies:  }] }, });

你kan这里只有 `token` 才会保存到本地 storage 里。其他的 `userInfo` 就不会放了。

persist 属性里Ke以配置 `enabled`和 `strategies`。strategies 里面Ke以定义哪些数据要保存。

persist: { enabled: true, strategies:  }] }

Ru果需要保存多个字段呢？Ke以这样写：

persist: { enabled: true, strategies:  }, { key: 'user_profile', paths:  }] }

这样就把 token 和用户资料分开存储了。灵活吧？ 不对不对，这里的 paths 只支持顶层字段哦！以后版本可Neng会支持深层路径哈。

这个插件还提供了两个钩子函数：`beforeRestore` 和 `afterRestore`。

persist: { enabled: true, beforeRestore { console.log; }, afterRestore { console.log; }, }

这两个钩子适合Zuo一些辅助操作，比如埋点、日志等等。

clearAll清空当前应用的所有 storage 数据。

clearStore清空指定 store 的数据。

数据类型转换: 存储时会把所有数据dou转成字符串 JSON 格式。读取时需要注意类型转换问题，比如 BigInt 会变成字符串。你需要自己处理一下哦！不然可Neng会出问题呢。

适用场景: 这个插件比较适合保存那些不经常变动的状态，比如 token、语言设置之类的。不适合频繁geng新的数据或者大对象的话就没必要了。想想kan吧？有没有哪些数据是绝对不会变的？比如用户的登录 token 啊！那肯定要先存起来的嘛！不过列表数据之类的就不太合适啦~ 对吧？ 说白了就是干货优先！

适用场景的反面: Ru果你的项目里有hen多复杂的逻辑或者对性Neng要求高的部分dou需要频繁geng新数据的话，那么直接使用这个插件可Neng不太合适哦~ 那你Ke以考虑自己封装一套方案啦! 毕竟每个项目的情况不一样嘛!

为什么百度不收录？ 哎呀等等... 说到百度不收录啊... 其实是吧... 你知道的... 这玩意儿挺烦人的... 但是咱也不好办啊... 我写这些东西dou是为了让大家参考用的... Ru果百度不收录了那就geng尴尬了吧? 不过没关系啦! 我还是会继续努力写的! 哈哈! 也许以后百度就收录了呢? 你懂的!

希望这篇文章对你有帮助！Ru果你还有其他问题欢迎留言讨论哈！别忘了点赞哦！ 😊