Vue 3 中使用 computed 函数实现全选功能

这段代码使用了 Vue 3 中的 computed 函数，用于计算是否全选的状态。当 get 函数被调用时，它会打印出 props.list 的值，并返回一个布尔值，表示是否全选。具体来说，它会判断 props.list 中的所有项是否都有一个名为 'state' 的属性，且该属性值均为 true。当 set 函数被调用时，它会打印出传入的参数 val，并通过 emit 函数触发一个名为 'changstates' 的事件，将 val 作为参数传递给事件处理函数。

const ischeckall = computed({
  get() {
    console.log(props.list);
    
    return props.list.length > 0 && props.list.every((item) => item.state);
  },
  set(val: boolean) {
    console.log(val);
    emit('changstates', val);
  },
});