kkw在学习vue一个简单的todoList

44次阅读

共计 339 个字符,预计需要花费 1 分钟才能阅读完成。

一直都不会写这个 todolist 的样子,趁着有点时间吧,然后今天写了一个超级简单的 todolist。没有写啥 css。
效果图如下

1、根据计算属性来获取数据的长度

2、根据计算属性来判断目前已经选择了几个 (一个是用 reduce 去实现累加的效果,一个是 forEach 方法)

3、判断是否全选 (全选或者全不选之后,需要更新数据的,所有用到了计算属性的 set)

4、处理全选或者全不选

5、删除所选的数据 (采用了数组过滤方式完成, 也有一种方式,将选择数据的数据存进一个新的数组,之后遍历数组,然后将所选择的数据删除掉,forEach 循环去做,只是觉得有点麻烦了)

6、经过上面的,基本上把 todolist 做完了,具体代码,已经上传 git
https://gitee.com/hkkw/todoList

正文完
 0