经典案例-todoList

经典案例-todoList

一、案例介绍

todolist主要是实现添加日程，设置日程为完成，清除完成的日志等等

本案例是一个非常经典的案例，会把之前学得的很多知识都可以深度的运用起来

这里使用组件化的思想，如下图，框框 框起来的作为一个组件，划分组件最合适就好，并不是越多越好

二、案例实现

2.1、划分组件

按上面红框，我们可以划分为几块组件：最上面的绿框我们定义为Header，中间的我们定义为List，下面的是Footer，中间List里面的一条记录我们定义为Item：

2.2、引入组件

2.3、开始实现里面的内容

思考：从上图中，我们可以看出࿰