美文网首页
学习vue实战之指令熟悉 - todolist

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

作者: 格桑Hilton | 来源:发表于2018-06-03 11:10 被阅读0次

    前言:

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

          本文链接:https://www.haomeiwen.com/subject/fwzdsftx.html