如果你正在准备软考，或者从前端其他方向转过来，又或者平时用 Vue 写页面时状态一多就到处传 props、靠事件回传改数据——那 Pinia 这块大概率是个缺口。不是说你不会用，而是用得不够稳：store 该怎么切分、什么时候该用 setup 写法、和组件的边界划在哪，这些问题在真实项目里会反复出现。这套课就是冲着这些具体问题去的。

先说清楚：这门课补的是哪块能力

很多人对 Pinia 的印象停留在「Vuex 的替代品」，会写 defineStore、会读取 state 就算会了。但真正上手项目会发现，麻烦的从来不是 API，而是设计决策：一个 store 放多少东西算合理、跨模块之间要不要互相调用、异步请求的状态（加载中、失败、空数据）怎么统一收口。第 3 版把内容对齐到当前主流的组合式写法，不是拿选项式那套老代码凑数，这点对正在跟新项目的人比较重要。

换个角度看，如果你在准备软考里的软件设计相关科目，或者需要向别人解释前端状态管理的取舍，这门课提供的是一套能讲清楚「为什么这么分」的实例，而不是零散的语法点。

学之前，先自查三个问题

  • 你能说清组件本地状态和全局状态的分界线在哪吗？还是习惯性把所有数据都塞进 store？
  • 遇到多个页面共享同一份数据，你现在的做法是复制一份、还是层层透传、还是放进 store？
  • 异步请求的三个状态（进行中、成功、失败），你是在每个组件里各写一遍，还是在 store 里统一处理？

这三个问题答不顺畅，说明缺的不是语法，是组织方式。带着这些问题去看，比从头顺着看效率高得多。

怎么用这套资料，别浪费在「看完」上

课程本身有配套的章节笔记，这是它比较实用的地方——课后复盘和面试前快速翻一遍都靠它。但笔记不能代替动手。建议每看完两到三节，就把当节涉及的 store 单独抽出来，写一个最小可跑的 demo，只验证一个点：比如「这个 action 里能不能安全地调用另一个 store」。验证完再往下走。

综合实战章节不要只跟着敲。看完之后把代码关掉，自己从零复现一遍，中间卡住的地方就是你真正没掌握的地方。卡壳记录比学习时长有用得多。

看完应该能回答的问题

  • 一个中等规模项目，store 按什么维度切分才不容易变成一锅粥？
  • 组合式写法和选项式写法，各自适合什么场景，迁移时要注意什么？
  • store 之间互相引用会不会造成循环依赖，官方推荐的解法是什么？
  • 异步数据流的加载态、错误态，放在 store 里还是组件里，各自代价是什么？
  • 持久化、调试、热更新这些周边需求，各自该在哪一层处理？

如果这几问答不上来，那这门课正好对症；如果大部分能答，只需要挑自己模糊的那几节看，不用整套刷完。缺什么补什么，比假装什么都会要省时间。


这套 Pinia 实战课程我断断续续看完了，整体编排挺对胃口。第3版内容更新到了目前主流的写法，不是那种拿老版本糊弄人的。

课程推荐

《Pinia实战（第3版）》这套 Pinia 实战课程我断断续续看完了，整体编排挺对胃口。第3版内容更新到了目前主流的写法，不是那种拿老版本糊弄人的。【技能收获】学完可掌握：Vue / 前端工程化。课程以实战为导向，覆盖从基础概念到完整项目落地的关键步骤，配套章节笔记便于课后复盘与面试前快速回顾。【学习建议】建议按目录顺序学习，先打基础再进入综合实战章节；每完成 2～3 节可结合笔记整理一份学习小结，最终尝试独立复现一套完整 Demo 写入个人作品集。【就业发展】可面向岗位：Linux 运维工程师、SRE、云计算工程师、DevOps 工程师。云原生与自动化运维仍是企业 IT 刚需方向，认证 + 实战项目组合能显著提升面试通过率，适合向中高级运维或架构岗进阶。 若你已有一定编程或运维基础，本课程可帮助你在现有技能栈上快速叠加热门方向能力，提升求职时的项目说服力与薪资谈判空间。

视频目录（46 节）

*   1-1 0、Pinia 课程简介.mp4

*   1-2 1、Pinia 简介.mp4

*   1-3 2、安装Node.js.mp4

*   1-4 3、安装VS Code.mp4

*   1-5 4、安装 Pinia.mp4

*   1-6 5、Pinia 基础示例.mp4

*   1-7 6、Pinia Store 简介.mp4

*   2-1 7、Pinia 定义 Store.mp4

*   2-2 8、Pinia 定义 Store 实战.mp4

*   2-3 9、Pinia 使用 Store.mp4

*   2-4 10、Pinia 从 Store 解构.mp4

*   2-5 11、Pinia State.mp4

*   2-6 12、Pinia State TypeScript.mp4

*   2-7 13、Pinia 访问 state.mp4

*   2-8 14、Pinia 重置 state.mp4

*   2-9 15、Pinia 重置 state 使用选项式 API 的用.mp4

*   2-10 16、Pinia 重置 可修改的 state.mp4

*   2-11 17、Pinia 变更 state.mp4

*   2-12 18、Pinia 替换 state.mp4

*   2-13 19、Pinia 订阅 state.mp4

*   2-14 20、Pinia Getter.mp4

*   2-15 21、Pinia Getter 访问其他 getter.mp4

*   2-16 22、Pinia Getter 向 getter 传递参数.mp4

*   2-17 23、Pinia Getter 访问其他 store 的 g.mp4

*   2-18 24、Pinia Getter 使用 setup() 时的用.mp4

*   2-19 25、Pinia Getter 使用选项式 API 的用法.mp4

*   2-20 26、Pinia Action.mp4

*   2-21 27、Pinia Action 访问其他 store 的 a.mp4

*   2-22 28、Pinia Action 使用选项式 API 的用法.mp4

*   2-23 29、Pinia Action 订阅 action.mp4

*   2-24 30、Pinia 插件.mp4

*   2-25 31、Pinia 插件 简介.mp4

*   2-26 32、Pinia 插件 扩展 Store.mp4

*   2-27 33、Pinia 插件 添加新的 state.mp4

*   2-28 34、Pinia 插件 重置插件中添加的 state.mp4

*   2-29 35、Pinia 插件 添加新的外部属性.mp4

*   2-30 36、Pinia 插件 在插件中调用 subscribe和o.mp4

*   2-31 37、Pinia 插件 添加新的选项.mp4

*   2-32 38、Pinia 插件 TypeScript 标注插件类型.mp4

*   2-33 39、Pinia 插件 TypeScript 为新的 sto.mp4

*   2-34 40、Pinia 插件 TypeScript 为新的 sta.mp4

*   2-35 41、Pinia 插件 TypeScript 为新的定义选项.mp4

*   2-36 42、Pinia 单页面应用.mp4

*   2-37 43、Pinia 更真实的示例.mp4

*   3-1 44、Pinia 服务端渲染 (SSR).mp4

*   4-1 45、Pinia 手册.mp4