M5-3任务拆解:状态管理场景
这份文档用于定义 M5-3 的具体任务拆解。本轮目标是在 M5-1、M5-2 之后,补入一条围绕状态中心设计与 Pinia 迁移的扩展线。
本轮目标
新增一篇围绕 Vuex 状态中心、Pinia 迁移 和 状态边界设计 的案例文档,并把它接入现有导航层与统一框架中。
本轮对象
本轮主要来源:
11Vue学习/vue2相关整理都放这,vue3后的直接放目录下/vue-todo/client/store/*11Vue学习/vue2相关文档学习笔记/vuex/*
并参考 Pinia 官方文档:
- <https://pinia.vuejs.org/core-concepts/>
- <https://pinia.vuejs.org/cookbook/migration-vuex.html>
- <https://pinia.vuejs.org/ssr/nuxt.html>
拆解顺序
任务一:梳理状态边界
识别本轮真正的复杂度中心:
- 哪些状态应该进入全局 store
- 哪些状态只属于页面或组件
- store 是否按业务域拆分
- action 是否承载了过多副作用
任务二:形成详细设计
设计本轮案例将如何组织:
- Vuex 原始结构分析
- 业务域拆分思路
- Pinia 迁移方向
- Nuxt 场景下的状态组织建议
任务三:案例开发
产出案例文档:
../Vuex状态中心与Pinia迁移重构.md
任务四:体系接入
更新这些入口:
../README.md../笔记.md../Vue重构案例导航图.md../Vue练习项目重构统一框架.md./00-里程碑规划.md
任务五:自测与复盘
- 检查 Markdown 链接
- 检查入口挂载是否完整
- 新增本轮开发记录文档
本轮完成标准
本轮完成时,应满足:
- 已有独立状态管理案例文档
- 已更新导航与方法层
- 已补任务拆解、详细设计与开发记录
- 已完成自测
- 已完成提交与推送
