Vue 3Pinia状态管理与自动持久化实现
Vue3 的状态管理，推荐用下 Pinia，响应式做得挺顺，配合持久化用起来也比较省心。你要是有多个页面共享登录状态、用户信息，或者菜单折叠状态之类的，全靠它挺合适。
Pinia 的 store 结构清晰，使用也不复杂，定义个 store，再用defineStore包一下，状态、方法、计算属性都能塞进去。关键是和 Vue3 组合式 API 配合得好，写起来还蛮顺手的。
而且有现成插件能自动帮你持久化，比如pinia-plugin-persistedstate，你只要配置一下storage和key，刷新页面状态也能保住。登录信息、token 啥的放里面正合适。
你要是之前用过 Vuex，会觉得这个轻量又直观不少。逻辑拆分也清楚，模块按功能来分，代码也整洁。
想看点实战例子的话，推荐你去看看Vue 3+Pinia+Vite 后台管理系统模板，还有这个vue3+typescript+pinia 管理系统，写得蛮完整的，直接上手也没啥门槛。
如果你项目里全局变量多，或者要做状态缓存，建议早点上 Pinia，后面维护会轻松多。
文件大小：5.24KB
评论区