vue学习笔记---增删、小选影响全选、全选影响小选

1.添加任务

methods: {
   createFn(taskName){ // 添加任务
      // 1.3 push到数组里
      let id = this.list.length == 0 ? 100 : this.list[this.list.length - 1].id + 1
      this.list.push({
        id: id,
        name: taskName,
        isDone: false
      })
    },
}

2.删除任务

methods: {
     delFn(id){
      // 4.1 子传父
      this.$emit('del', id)
    }
}


methods: {
    deleteFn(theId){ // 删除任务
      let index = this.list.findIndex(obj => obj.id === theId)
      this.list.splice(index, 1)
    },
},

3.数据切换

4.数据缓存

5.全选、小选功能