vue小结(二)之指令的综合运用

一个todolist小练习

1.需要完成的功能
  • 总任务数(数组total存储)和代办任务(数字n)
  • 点击复选框,改变当前li的样式(changeStyle函数)
  • 添加(add)删除(del)任务
  • 点击当前任务进入可编辑状态(editor)
  • 被复选框选中的不能被编辑
2.用到的指令
  • v-show
  • v-on
  • v-model
  • v-bind
3.截图效果
效果截图
4.源码地址

源码地址

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

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,940评论 25 709
  • 一、’ "If some one loves a flower, of which just one single...
    清净天阅读 3,321评论 0 0
  • 很多事,你不说,没人懂。
    菩提大叔阅读 1,324评论 0 1
  • 第一部分 基础术语 容器(Container) 容器就是一种文件格式,比如flv,mkv等。包含下面5种流以及文件...
    jiangliang阅读 5,568评论 1 0
  • 心与心的挣扎。 也无法阻止一念之差。 人与人的较量。 终究只能是胜者为王 败者为寇。 情感认知世界。 任何的砝码都...
    上官楠阅读 1,855评论 0 1

友情链接更多精彩内容