vue小结笔记(2)之指令的综合运用

一个todolist小练习

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

效果截图

4.源码地址

源码地址

猜你喜欢

转载自blog.csdn.net/m0_37737804/article/details/78340553