学习vue实战之指令熟悉 - todolist

前言:

  • 最近打算学习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

(后续会补齐完成步骤)

你可能感兴趣的:(学习vue实战之指令熟悉 - todolist)