<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>