全选小选的案例复习

**目标:全选影响小选**
// 1.给小选复选框用v-model绑定obj.c属性(值为布尔值,true or false)
// 2.定义计算属性
computed: {
  isAll: {
    // 4.全选影响小选
    // 全选框的选中状态赋值给小选框
    // 给计算属性赋值
    set(val) { // val代表全选框的选中状态
      this.list.forEach(item=>item.c=val)
    },
    // 取出计算属性里面的值
    get() {
          return this.list.every(item=>item.c===true)
    }
  }
}
// 3.给全选复选框用v-model绑定计算属性isAll

2.组件的注册与使用

// 1.创建组件
组件创建的本质:自定义html标签
// 2.引入组件
import 组件对象 from '组件所在路径'
// 3.注册组件
全局注册
Vue.component('组件名',组件对象)
局部注册
components: {
  组件名:组件对象
}
// 注意:使用组件是把组件名当做标签名来使用

3.扩展运算符

扩展运算符（spread）是三个点（...），将一个数组转为**用逗号分隔**的**参数**序列
例子:const a1=[1,2,3]
const a2=[...a1]