Skip to content

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 开发记录文档

本轮完成标准

本轮完成时,应满足:

  • 已有独立案例文档
  • 已更新现有导航和方法层
  • 已补本轮开发记录
  • 已完成自测
  • 已完成提交与推送

共 20 个模块,1301 篇 Markdown 文档。