本文主要是介绍【Vue】监watchEffect，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
watchEffect 监听所有响应式数据
在函数利用到哪个数据就监听哪个
<script setup>import { ref,computed,watchEffect} from 'vue' let hbs = ref([]); //装爱好的值let lengthOfHbs=ref(0);const publishHbsMessage=computed(()=>{return hbs.value.length>0?'Yes':'No'})watchEffect(()=>{lengthOfHbs=hbs.value.length})</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 }}<br>{{ lengthOfHbs }}</div>
</template> <style scoped></style>这篇关于【Vue】监watchEffect的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
