从 Vue Composition API 起步，重点是响应式数据如何与模板、组件边界和外部工作连接。先分清 ref、reactive、computed 和 watch 的职责，再决定是否需要状态库。

运行 Vue 记录板后，把表单和列表拆成子组件，写出 props 与 emit 的契约。搜索和数量优先由 computed 推导；请求与订阅放在能清理的副作用边界。故意解构一个响应式对象并观察更新，解释问题出在哪个绑定。

进阶练习是加入 Vue Router，保留可刷新和返回的筛选条件，并用测试保护新增、筛选与未知数据。网络错误、取消和旧响应处理复用公共知识点；不要为 Vue 再写一份不同含义的 HTTP 缓存原理。

完成时要能说明：哪个对象拥有数据，子组件怎样提出修改，监听怎样停止，生产构建是否包含类型检查，以及深链接刷新如何部署。Nuxt、SSR 和更复杂的全栈场景在需求明确后继续学习，起步项目本身不声称已经覆盖这些部署能力。