TodoList案例
发布时间：2023-10-14 20:44
发布人：侯素玲
浏览次数：149
实现TodoList案例，可以添加任务，点击“全部”显示所有任务，点击“已完成”显示已完成任务，“点击“未完成”显示未完成任务，案例效果如图所示。
视频01 | 案例效果及整体实现步骤 | 2min |
视频02 | 初始化项目 | 2min |
| 视频03 | 梳理项目结构 | 3min |
| 视频04 | 创建并注册 TodoList组件 | 4min |
| 视频05 | 为 TodoList声明props属性 | 3min |
| 视频06 | 循环渲染TodoList组件的数据 | 4.5min |
| 视频07 | 基于bootstrap渲染列表组件 | 5min |
| 视频08 | 使用v-model双向绑定复选框的状态 | 3.5min |
| 视频09 | 为已完成的任务添加删除效果 | 2.5min |
| 视频10 | 创建并注册 Todolnput组件 | 4min |
| 视频11 | 基于bootstrap渲染组件 | 5min |
| 视频12 | 通过自定义事件向外传递数据 | 7.5min |
| 视频13 | 实现添加新任务的功能 | 3.5min |
| 视频14 | 创建并注册 TodoButton组件 | 3min |
| 视频15 | 渲染TodoButton组件的结构 | 3min |
| 视频16 | 通过props指定默认激活的按钮 | 5.5min |
| 视频17 | 通过计算属性动态切换列表的数据 | 4.5min |
| 视频18 | 通过v-model更新激活项的索引 | 5min |
鲁公网安备 37110202000410号