【Vue】属性计算 computed

<script setup>
  import { ref,computed} from 'vue' 
  let hbs = ref([]); //装爱好的值
  const publishHbsMessage=computed(()=>{
    return hbs.value.length>0?'Yes':'No'
  })
</script>

<template>
  <div>
    吃 <input type="checkbox" name="hbs" v-model="hbs" value="吃"> 
    喝 <input type="checkbox" name="hbs" v-model="hbs" value="喝">
    玩 <input type="checkbox" name="hbs" v-model="hbs" value="玩">
    乐 <input type="checkbox" name="hbs" v-model="hbs" value="乐">
    <br>
    {{ hbs }}
    <br>
    {{ publishHbsMessage }}
  </div>
</template> 

<style scoped>

</style>