<div>
全选<input type="checkbox" v-model="allDone">
<span> {{active}} / {{all}} </span>
</div>
<script>
computed:{
active(){
return this.todos.filter(v=>!v.done).length
},
all(){
return this.todos.length
},
allDone: {
get: function () {
return this.active === 0
},
set: function (val) {
this.todos.forEach(todo=>{
todo.done = val
});
}
}
}
</script>