vue-13 经典实战项目——TodoMVC

• TodoMVC 是一个非常经典的案例，功能非常丰富，并且针对多种不同技术分别都开发了此项目，比如
• React、AngularJS、JQuery等等。
• TodoMVC 案例官网：https://todomvc.com/examples/vue/

在官网首页右下角， 有 案例的模板下载 和 开发规范（需求文档），如下图：

数据列表渲染

当任务列表（items ）没有数据时， #main 和 #footer 标识的标签应该被隐藏

任务涉及字段 : id 、任务名称（name ）、是否完成（ completed true 为已完成）

添加任务

1. 在最上面的文本框中添加新的任务。

2. 不允许添加非空数据。

3. 按 Enter 键添加任务列表中，并清空文本框。

4. 当加载页面后文本框自动获得焦点，在 input 上使用