Pinia实战（第3版）

这门课解决的是什么问题

如果你的 Vue 项目还停留在「组件之间靠 props 和 emit 传数据、跨页面共享状态就挂到全局」的阶段，早晚会撞上同一类麻烦：购物车数字对不上、登录态在刷新后丢失、两个不相邻的组件为了同一份数据互相改来改去。Pinia 就是 Vue 官方现在推荐的状态管理方案，它把这部分逻辑从组件里拆出来，单独放一层统一管。

这门《Pinia实战（第3版）》针对的不是「什么是状态管理」这种概念科普，而是实际写项目时会遇到的操作：怎么定义 store、怎么改 state、怎么用 getter 派生数据、怎么在多个 store 之间互相调用、怎么把状态持久化、怎么用插件统一处理重复逻辑。这些就是你日常写业务代码真正要动手的地方。

学完能独立做什么

按资料覆盖的深度看，跟完一遍并动手敲过，你应该能独立完成下面这些事：

• 在一个中等规模的 Vue 3 项目里，把用户信息、权限、购物车、主题配置这类跨组件数据抽成 store，而不是堆在某个父组件里。
• 用 getter 做派生计算，并知道什么时候该传参、什么时候该在组件里算，避免把 getter 写成第二个 state。
• 处理「重置状态」这个高频需求——退出登录、切换账号、表单清空，不用再手动一个个字段还原。
• 用插件机制把日志、持久化、错误上报这类横切逻辑统一挂上去，而不是每个 store 里复制一遍。
• 在 TypeScript 项目里给 store 补类型，包括插件扩展出来的新选项该怎么声明。

需要说清楚的是：这门课不教 Vue 基础语法，也不教怎么搭项目脚手架。它是「你已经会写 Vue 组件，现在要把状态这块理顺」的位置。

资料的实际形态

这不是一本可以顺着读的书，而是一套按知识点切分的录屏讲解，前后有依赖关系。前面几节先建立 store 的基本写法和心智模型，中段集中在 getter、action、store 之间的组合，后段进入插件、TypeScript 类型扩展、重置和持久化这些偏工程化的部分。节奏是先窄后宽：基础部分很短，越往后越贴近真实项目的复杂度。

这种结构的代价是，你不能跳着看。第 2 章里很多案例默认你已经写过第 1 章的基础示例，直接翻到插件那几节，容易只记住写法、不理解为什么需要它。

适合什么基础的人

比较合适的起点是：能独立写 Vue 3 组件，用过多多少少的组合式 API，对 ref、reactive、computed 不陌生；项目里已经出现组件通信变乱、或者你正准备用 Pinia 替换掉旧方案。处在这个阶段的人，跟起来会比较顺。

如果你还没写过完整的 Vue 项目，或者对响应式的基本用法还含糊，建议先补基础再回来，否则中后段会觉得在背 API。另外，如果只想找一份「Pinia 速查手册」，这套录屏的节奏偏细，不一定是最省时间的选择。

怎么用这套资料

给一个务实的建议：不要一次刷完。每看完一节的写法，就回到自己手上的项目里找一个对应的场景改一遍——比如把登录用户信息挪进 store，把购物车数量的计算改成 getter，把退出登录改成调 reset。状态管理这东西，看会了和用顺了之间差着一整个项目。

插件和 TypeScript 那几节可以放到第二遍再看。第一遍先把 state、getter、action 和 store 组合这几块用熟，等你在项目里真的遇到「每个 store 都要写一遍同样的逻辑」时，再回来学插件，那时的理解会扎实很多。