M5任务拆解:SSR 与水合场景
这份文档用于定义 M5 第一轮的具体任务拆解。本轮不再只是扩展一般 Vue 页面案例,而是补入 SSR / hydration 这条方法线。
本轮目标
新增一篇围绕 SSR 数据预取与水合边界的案例文档,并把它纳入现有导航层与统一框架中。
本轮对象
本轮案例来源:
11Vue学习/vue2相关文档学习笔记/服务端渲染/vue-ssr-demo
拆解顺序
任务一:梳理场景
识别这个 demo 里真正值得抽象的复杂度中心:
- 服务端路由匹配
- 组件级
asyncData - 服务端预取
- 客户端补预取
- 初始状态注入与水合
任务二:形成详细设计
设计本轮案例将如何组织:
- 数据依赖协议
- 请求级应用工厂
- 服务端预取函数
- 客户端补预取函数
- 水合边界控制
任务三:案例开发
产出案例文档:
../SSR数据预取与水合重构.md
任务四:体系接入
更新这些入口:
../README.md../笔记.md../Vue重构案例导航图.md../Vue练习项目重构统一框架.md./00-里程碑规划.md
任务五:自测与复盘
- 检查 Markdown 链接
- 检查索引接入是否完整
- 新增 M5 开发记录文档
本轮完成标准
本轮完成时,应满足:
- 已有独立案例文档
- 已更新现有导航和方法层
- 已补本轮开发记录
- 已完成自测
- 已完成提交与推送
