学习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

(后续会补齐完成步骤)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容