Vue 组件化思维重构项目
这个目录已经从零散笔记，逐步整理成一个围绕 Vue 重构方法论展开的小型文档项目。
目前的内容不再只是单篇总结，而是形成了四层结构：
- 导航层：按问题和场景快速定位案例
- 方法层：总结通用重构框架
- 案例层：拆解具体页面与基础组件的重构方案
- 过程层：记录里程碑、详细设计和开发复盘
阅读入口
优先从这两个入口开始：
如果你需要看项目过程和执行顺序，再进入 docs/ 目录。
docs/ 目录说明
docs/ 目录用于存放本轮文档化重构项目的过程性材料：
- 里程碑规划
- 详细设计文档
- 开发记录 / 技术博客
当前文件：
- 里程碑规划
- 详细设计：文档体系结构
- 详细设计：执行顺序与交付流
- 开发记录：Vue 文档化重构实践
- M5任务拆解：SSR 与水合场景
- M5详细设计：SSR 数据流与水合边界
- 开发记录：SSR 与水合文档化重构
- M5-2任务拆解：Nuxt 数据获取与渲染模式
- M5-2详细设计：Nuxt 数据流与渲染边界
- 开发记录：Nuxt 数据获取与渲染模式重构
- M5-3任务拆解：状态管理场景
- M5-3详细设计：状态边界与Pinia迁移
- 开发记录：状态管理与Pinia迁移重构
- M5-4任务拆解：动画与复杂交互场景
- M5-4详细设计：动画状态与交互协调层
- 开发记录：动画与复杂交互链路重构
- M5-5任务拆解：认证与权限场景
- M5-5详细设计：认证链路与权限边界
- 开发记录：认证与路由权限链路重构
- M5-6任务拆解：路由缓存与布局场景
- M5-6详细设计：路由视图与缓存边界
- 开发记录：路由缓存与布局编排重构
- M5-7任务拆解：错误边界与降级场景
- M5-7详细设计：错误隔离与客户端降级边界
- 开发记录：错误边界与客户端降级重构
- M5-8任务拆解：异步组件与懒加载场景
- M5-8详细设计：异步加载与占位边界
- 开发记录：异步组件与懒加载降级重构
- 执行清单：里程碑任务开发与交付规范
- M5-9任务拆解：Nuxt中间件与插件场景
- M5-9详细设计：Nuxt运行时注入与中间件边界
- 开发记录：Nuxt中间件与插件注入边界重构
- M5-10任务拆解：Nuxt路由规则与混合渲染场景
- M5-10详细设计：Nuxt路由规则与混合渲染边界
- 开发记录：Nuxt路由规则与混合渲染策略重构
- M5-11任务拆解：Nuxt生命周期与副作用场景
- M5-11详细设计：Nuxt生命周期与副作用时机边界
- 开发记录：Nuxt生命周期与副作用时机重构
- M5-12任务拆解：Nuxt自动导入与隐式依赖场景
- M5-12详细设计：Nuxt自动导入与隐式依赖边界
- 开发记录：Nuxt自动导入与隐式依赖边界重构
- M5-13任务拆解：Nuxt Server Routes与BFF接口场景
- M5-13详细设计：Nuxt Server Routes与BFF接口边界
- 开发记录：Nuxt Server Routes与BFF接口边界重构
- M5-14任务拆解：Nuxt组合式能力分层场景
- M5-14详细设计：Nuxt组合式能力与页面编排边界
- 开发记录：Nuxt组合式能力分层与页面编排重构
- M5-15任务拆解：Nuxt业务模块组织场景
- M5-15详细设计：Nuxt业务模块与feature目录边界
- 开发记录：Nuxt业务模块与feature目录重构
- M5-16任务拆解：Nuxt应用公共层治理场景
- M5-16详细设计：Nuxt应用公共层与共享能力边界
- 开发记录：Nuxt应用公共层与共享能力治理重构
当前案例清单
- 待办应用核心逻辑重构
- 点餐页购物车联动重构
- 说说应用发布与互动链路重构
- 表单组件校验体系重构
- 表格列扩展渲染体系重构
- 树组件递归与勾选联动重构
- SSR数据预取与水合重构
- Nuxt数据获取与渲染模式重构
- Vuex状态中心与Pinia迁移重构
- 动画与复杂交互链路重构
- 认证请求与路由权限链路重构
- 路由视图缓存与布局编排重构
- 错误边界与客户端降级渲染重构
- 异步组件与懒加载降级重构
- Nuxt中间件与插件注入边界重构
- Nuxt路由规则与混合渲染策略重构
- Nuxt生命周期与副作用时机重构
- Nuxt自动导入与隐式依赖边界重构
- Nuxt Server Routes与BFF接口边界重构
- Nuxt组合式能力分层与页面编排边界重构
- Nuxt业务模块与feature目录边界重构
- Nuxt应用公共层与共享能力治理重构
项目目标
这个目录的长期目标不是继续堆案例，而是把练习项目里的可复用经验，沉淀成一套可检索、可扩展、可落地的 Vue 重构方法库。