前端状态与数据流

按状态所有权、服务端缓存、竞态和持久化重组状态管理，而不是堆叠库名。

阅读起点

学习前先阅读：Vue 学习路线。

全书顺序

本书按知识依赖组织。主线先建立可运行的共同模型，再进入机制、工程边界和生产约束；维护与前沿内容明确标注，不改变主线的学习顺序。

第1章｜状态归属与派生数据

能判断状态应留在组件、路由、store 还是服务端缓存。

1. 状态所有权：区分本地、共享、URL 和服务端状态。
2. 派生与不可变更新：让派生值可追踪并避免重复真相。
3. 事件与状态机：用事件、转移和失败路径组织复杂交互。

第2章｜服务端状态与缓存

理解查询身份、失效、重取和乐观更新。

1. Query 身份与生命周期：设计 key、freshness、缓存和垃圾回收。
2. 失效、取消与重取：处理竞态、取消、重试和错误。
3. Mutation 与乐观更新：实现提交、回滚和并发冲突。
4. SSR 与持久化：管理预取、脱水、恢复和安全边界。

第3章｜Store 工具与迁移

比较 Redux Toolkit、Pinia 和 RxJS 的模型与适用场景。

1. Redux Store、Slice 与 middleware：理解 reducer、不可变更新、selector 和 middleware。
2. Pinia Store 与 Vue 集成：组织 setup store、插件、SSR 和 Vuex 迁移。
3. Observable 与操作符：用 RxJS 表达流、并发、取消和错误。
4. 选型与边界：根据团队、调试、生态和数据类型做选择。

阅读边界

本页是学习路线和专题入口，不替代专题笔记中的机制解释、可运行示例和练习。笔记尚未完成的专题会先显示为占位页；已有经验的读者可以跳到具体章节，再按前置关系回补。

路线状态

本路线的目录已完成本轮架构审查；专题笔记的内容质量和来源审查另行进行。