一、项目说明以及功能介绍

todolist应该都比较熟悉

编辑器用的vs code

前端框架用的就是Vue,用了flex布局,还有element-ui组件

其中分为两个部分,子组件是todo的列表,父组件就是其他内容

功能介绍:

1.输入todo,显示一条todolist

2.点击checkbox,显示todo完成

3.单击×可以删除todo

4.点击下箭头可以全选或者反选

5.双击todo可以修改todo的名称

6.标签显示还有多少个未完成的todo

7.点击All显示全部,点击Active显示未完成的,点击Completed显示已完成

8.点击clear completed,清除所有已完成

文件已经上传,欢迎下载


效果图:

一、项目说明以及功能介绍