8.9完成所有功能的实现,算是DEMO版的To-DOList吧。人生中第一个使用Vue2组件化开发的小案例,熟悉了不少操作
依赖环境:Node.js Vue-Cli
$ git clone https://github.com/U2yyy/To-DoList.git$ npm install$ npm run serve$ npm run build- 使用Enter添加任务,并且在输入为空时弹出警告。添加任务后,会对页面缓存值和实际值做清除操作
- 鼠标悬浮高亮显示,点击任务框或者checkbox可以实现打勾或取消操作,体现任务是否完成
- 使用全选按钮可以一键完成所有任务
- 每一列任务项都有一个悬浮显示的Delete按钮,按下可以删除这项任务,并且有弹窗警告
- 使用Clear按钮可以一键清除所有已完成任务