·需要实现的功能为:

·单个事项切换

·多个事项切换

·单个事项切换通过v-model的设置已经实现了,体会双向数据绑定的好处。

·多个事项切换分为2部分功能:

·单个事项操作

·全部切换选框操作

·单个事项切换会导致 toggle-all状态变化,我们可以通过remaining来进行判断:

事项状态切换 - 图1

事项状态切换 - 图2

全部切换选框操作

·设置v-model后,主动操作 toggle-all相当于设置allDone数据,这时需要给 allDone设置 setter来处理。

事项状态切换 - 图3