Skip to content

M5-16详细设计:Nuxt应用公共层与共享能力边界

这份设计文档说明 M5-16 为什么选择 Nuxt 应用公共层治理场景,以及它将如何接入现有方法库。

设计目标

把 Nuxt 公共层问题从“哪些代码可以复用”还原成“应用基础设施、稳定共享协议、feature 私有桥接与伪复用回收如何协同”的边界设计问题,并用一篇案例把大型 Nuxt 项目里更稳的共享能力治理方式说清楚。

为什么在 M5-16 选 Nuxt应用公共层治理

在当前方法库里,已经补齐了:

  • 页面型案例
  • 基础组件型案例
  • SSR / hydration 运行时边界
  • Nuxt 页面数据获取与渲染边界
  • 状态管理型案例
  • 复杂交互型案例
  • 认证与权限型案例
  • 路由与布局型案例
  • 容错与降级型案例
  • 异步加载型案例
  • Nuxt 运行时边界型案例
  • Nuxt 响应策略型案例
  • Nuxt 执行时机型案例
  • Nuxt 依赖边界型案例
  • Nuxt 页面编排型案例
  • Nuxt 接口边界型案例
  • Nuxt 模块组织型案例

下一步最自然补的,就是 Nuxt 应用公共层与共享能力治理这条横向主线。因为它会同时影响:

  • 应用公共目录的膨胀方式与稳定性
  • feature 私有实现与共享协议的提升标准
  • 自动导入与全局暴露面的治理策略
  • 长期演进项目里的伪复用回收成本

所以 Nuxt 应用公共层治理是一个非常适合作为 M5-16 的横向扩展线。

本轮案例的复杂度中心

本轮复杂度中心主要有四个:

  • 应用基础设施层、稳定共享协议层与 feature 私有桥接层的区分
  • 共享能力的提升标准与命名抽象度控制
  • 自动导入和公共暴露面对治理策略的影响
  • 伪复用能力的识别、回收与降级路径

与现有框架的映射关系

本轮将重点强化统一框架中的这些步骤:

  • 第二步:找到真正的复杂度中心
  • 第七步:先设计扩展点,再谈复用
  • 第九步:让页面消费层尽量薄
  • 第十步:先完成可维护版本,再追求“优雅”抽象
  • 第十一步:把“能跑”升级为“能长期维护”

本轮交付物

本轮预期交付物包括:

  • 新案例:../Nuxt应用公共层与共享能力治理重构.md
  • 新任务拆解:50-M5-16任务拆解-Nuxt应用公共层治理场景.md
  • 新详细设计:51-M5-16详细设计-Nuxt应用公共层与共享能力边界.md
  • 新开发记录:52-开发记录-Nuxt应用公共层与共享能力治理重构.md

设计约束

本轮继续遵循当前项目约束:

  • 不直接修改独立 demo 源码
  • 只提炼核心逻辑与方法进入文档
  • 每轮新增案例都要同步更新入口、导航和总框架

完成后的预期效果

完成后,当前方法库将会同时覆盖:

  • 页面型重构
  • 基础组件型重构
  • 运行时边界型重构
  • 框架场景型重构
  • 状态管理型重构
  • 复杂交互型重构
  • 认证与权限型重构
  • 路由与布局型重构
  • 容错与降级型重构
  • 异步加载型重构
  • Nuxt 运行时边界型重构
  • Nuxt 响应策略型重构
  • Nuxt 执行时机型重构
  • Nuxt 依赖边界型重构
  • Nuxt 页面编排型重构
  • Nuxt 接口边界型重构
  • Nuxt 模块组织型重构
  • Nuxt 公共层治理型重构

这会让整套方法库从“知道业务模块如何聚合”,继续长成“知道共享能力何时应该上浮、何时应该回收”的 Vue / Nuxt 架构重构地图。

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