**目标:全选影响小选**
// 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]