7.3 四周学习计划
每天约 45～60 分钟：阅读 15 分钟，亲手写代码 25 分钟，复盘和练习 15 分钟。遇到薄弱基础可以延长，不需要为了按时完成跳过操作练习。
第一周：前端基础
| 天 | 内容 | 验收 |
|---|---|---|
| 1 | 环境、第一个组件 | 能运行、修改、构建项目 |
| 2 | HTML 与 CSS | 表单和列表在手机宽度正常显示 |
| 3 | JavaScript | 独立写 filter、map、find |
| 4 | 对象、解构、空值复习 | 能解释 const 与浅拷贝 |
| 5 | 异步与模块 | 能预测执行顺序并捕获错误 |
| 6 | TypeScript | 给任务模型和函数添加类型 |
| 7 | 复盘 | 不看答案写出带校验的本地任务输入 |
阶段检查： 能解释 JS number 与 C# decimal 的差别，能说明接口类型为什么不能验证 JSON。
第二周：Vue 核心
| 天 | 内容 | 验收 |
|---|---|---|
| 8 | 模板 | 正确使用条件、列表、key |
| 9 | 响应式 | 能找出解构丢失追踪的问题 |
| 10 | computed/watch | 用 computed 做搜索和数量统计 |
| 11 | 表单 | 新增任务、显示校验、阻止刷新 |
| 12 | 组件通信 | TaskRow 使用 props/emits |
| 13 | 插槽、生命周期 | 插槽替换内容、卸载清理计时器 |
| 14 | 组合式函数 | 组件与业务逻辑职责清楚 |
阶段检查： 用本地内存完成新增、筛选、完成、删除；解释数据为什么由父组件或业务函数拥有。
第三周：工程与 .NET 联调
| 天 | 内容 | 验收 |
|---|---|---|
| 15 | Router | 列表/详情导航、校验路由参数 |
| 16 | Pinia | 跨页面共享偏好 |
| 17 | HTTP | 区分加载、错误、空数据 |
| 18 | DTO 与契约 | 对齐 JSON 字段和错误结构 |
| 19 | CORS 与代理 | 独立完成一次本地联调 |
| 20 | 认证 | 解释 Cookie、401/403、授权边界 |
| 21 | 质量 | 给关键规则写边界测试 |
阶段检查： 关闭 API 能看到错误，恢复后可重试；删除 204 不出现 JSON 解析错误。
第四周：完整实战与复盘
| 天 | 内容 | 验收 |
|---|---|---|
| 22 | 实战项目 | 源码运行并看懂数据流 |
| 23 | 独立实现表单和列表 | 新增成功清空，失败保留输入 |
| 24 | 完成状态与删除 | 保存成功后再确认状态，操作有反馈 |
| 25 | 故障演练 | 400、404、网络失败都能解释 |
| 26 | 扩展优先级字段 | 前端模型与后端 DTO 一起更新 |
| 27 | 部署 | 本地检查构建产物和深层路径 |
| 28 | 复盘 | 不看源码复述组件、状态、API 的职责 |
独立完成的标准
能够创建项目、拆组件、解释响应式、校验输入、对齐 API 契约、处理失败、读 Network，并部署产物。需要查速查表很正常；能判断查到的写法是否适合当前问题更重要。
下一阶段可选择 Element Plus 后台界面、EF Core 持久化、登录授权、服务端分页或 SignalR 实时更新。一次挑一个方向，保持核心流程可运行。