Vue2 入门-第十五篇：Vue2 项目实战

第十五篇：Vue2 项目实战

1. 项目规划

需求分析（以 TODO 列表应用为例）

1. 核心功能：
   • 任务创建：用户能够输入任务内容，并添加到 TODO 列表中。
   • 任务列表展示：以列表形式展示所有已创建的任务，每个任务应显示任务内容、完成状态（已完成/未完成）。
   • 任务状态切换：用户可以切换任务的完成状态，已完成的任务可以标记为未完成，反之亦然。
   • 任务删除：用户可以删除不再需要的任务。
2. 辅助功能：
   • 任务过滤：提供筛选功能，例如只显示已完成任务、只显示未完成任务或显示所有任务。
   • 任务排序：支持按任务创建时间、任务完成状态等条件对任务列表进行排序。

架构设计

1. 组件划分：
   • TodoInput 组件：负责接收用户输入的任务内容，并触发任务创建操作。
   • TodoList 组件