前言:
- 最近打算学习vue,因为公司项目并未用到,忘的比学的快,所以做一些纪录。一直觉得todolist包含了增删改查功能,相当于学习框架中的hello world。所以先做一个todolist熟悉指令.
- 由于个人水平有限,所以该文章也仅仅作为自己的笔记,写的东西比较简陋,若有同学要参考,发现bug或者更简单的写法,望不吝赐教。
实现的功能
本项目用到了vue-cli安装搭建基本框架以及vue绝大部分常用指令。主要实现如下功能(其实就是增删改查):
- 渲染待办事项及完成事项列表
- 统计待办事项和完成事项数量
- 回车增加一条待办事项
- 删除一条事项
- 标记待办事项是否已完成
- 双击编辑待办事项
安装脚手架vue-cli
vue-cli安装可参考另一篇文章,这里就不做赘述了
https://www.jianshu.com/p/bfb59a5af510
todolist项目源码地址
https://github.com/hiltonX/todoList
(后续会补齐完成步骤)