Skip to content

M5-14任务拆解:Nuxt组合式能力分层场景

这份文档用于定义 M5-14 的具体任务拆解。本轮目标是在 M5-1M5-13 之后,补入一条围绕 Nuxt 页面业务 composable、feature 步骤层与页面编排边界的扩展线。

本轮目标

新增一篇围绕 页面入口层页面业务 composable 层feature 内部步骤层store 归属页面契约协同 的案例文档,并把它接入现有导航层与统一框架中。

本轮对象

本轮主要来源:

  • 11Vue学习/组件化思维/Nuxt自动导入与隐式依赖边界重构.md
  • 11Vue学习/组件化思维/Nuxt数据获取与渲染模式重构.md
  • 11Vue学习/组件化思维/Nuxt生命周期与副作用时机重构.md
  • 11Vue学习/组件化思维/NuxtServerRoutes与BFF接口边界重构.md
  • 11Vue学习/组件化思维/说说应用发布与互动链路重构.md
  • 11Vue学习/Nuxt4/核心概念/1Auto-imports.md
  • 11Vue学习/Nuxt4/核心概念/2Lifecycle.md

拆解顺序

任务一:梳理页面编排复杂度中心

识别本轮真正的复杂度中心:

  • 页面顶层应该直接消费几个稳定入口
  • 页面业务 composable 和 feature 步骤 composable 应该怎样分层
  • store 应该接哪些跨页面状态,哪些状态不该提升
  • 页面级数据、SEO、埋点和 query 同步应该如何围绕同一份契约组织

任务二:形成详细设计

设计本轮案例将如何组织:

  • 页面入口层与页面业务 composable 分层模型设计
  • feature 步骤 composable 与 store 归属边界设计
  • 页面契约驱动的数据获取与副作用协同设计
  • 页面编排可复用性与语义保留设计

任务三:案例开发

产出案例文档:

  • ../Nuxt组合式能力分层与页面编排边界重构.md

任务四:体系接入

更新这些入口:

  • ../README.md
  • ../笔记.md
  • ../Vue重构案例导航图.md
  • ../Vue练习项目重构统一框架.md
  • ./00-里程碑规划.md

任务五:自测与复盘

  • 检查 Markdown 链接
  • 检查入口挂载是否完整
  • 新增本轮开发记录文档

本轮完成标准

本轮完成时,应满足:

  • 已有独立 Nuxt 组合式能力分层与页面编排案例文档
  • 已更新导航与方法层
  • 已补任务拆解、详细设计与开发记录
  • 已完成自测
  • 已完成提交与推送

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