M5-2任务拆解:Nuxt 数据获取与渲染模式
这份文档用于定义 M5-2 的具体任务拆解。本轮目标是在 M5-1 的 SSR / hydration 之后,继续补一条更贴近 Nuxt 页面设计的扩展线。
本轮目标
新增一篇围绕 Nuxt 数据获取、渲染模式和 hydration 边界的案例文档,并把它接入现有导航层与统一框架。
本轮对象
本轮主要来源:
11Vue学习/Nuxt4/核心概念/4Rendering-modes.md11Vue学习/Nuxt4/核心概念/2Lifecycle.md11Vue学习/Nuxt4/核心概念/1Auto-imports.md11Vue学习/Nuxt4/核心概念/水合.md
拆解顺序
任务一:梳理 Nuxt 场景
识别本轮真正的复杂度中心:
- 页面首屏数据获取
- SSR 与 hydration 边界
- 局部交互状态归属
- 渲染模式选择
- composable 与页面职责分层
任务二:形成详细设计
设计本轮案例将如何组织:
- 渲染对象分类
- 页面层与 composable 层职责
- hydration 边界控制
- 自动导入与目录结构如何服务重构
任务三:案例开发
产出案例文档:
../Nuxt数据获取与渲染模式重构.md
任务四:体系接入
更新这些入口:
../README.md../笔记.md../Vue重构案例导航图.md../Vue练习项目重构统一框架.md./00-里程碑规划.md
任务五:自测与复盘
- 检查 Markdown 链接
- 检查入口挂载是否完整
- 新增本轮开发记录文档
本轮完成标准
本轮完成时,应满足:
- 已有独立 Nuxt 案例文档
- 已更新现有导航与方法层
- 已补本轮任务拆解、详细设计和开发记录
- 已完成自测
- 已完成提交与推送
