TodoList案例——静态组件

Todo-List案例

组件化编码流程

1、实现静态组件：抽取组件，使用组件实现静态页面效果
2、展示动态数据：
2.1数据的类型、名称是什么？
2.2数据保存在哪个组件？
3、交互——从绑定事件监听开始

演示：

App组件内引入：

MyList组件内引入：
页面样式插入：

MyItem和MyList组件：


MyFooter：

App
然后开始一点一点往组件里添加样式：

记得加scoped