Loading... watchEffect可以实现数据的全局监视，不需要提前声明好需要监视的值。 ```vue <template> <div class="test"> <h1>水温：{{ temp }}水位：{{ height }}</h1> <button @click="changeTemp">水温+10</button> <button @click="changeHeight">水位+10</button> <h2>当水温大于80度或水位大于60则会触发{{ str }}</h2> </div> </template> <script lang="ts" setup name="test"> import {watchEffect,ref} from 'vue' let temp=ref(0),height=ref(0),str=ref() function changeHeight(){ height.value+=10 } function changeTemp(){ temp.value+=10 } watchEffect(()=>{ if(height.value>=60||temp.value>=80){ str.value='已触发' } }) </script> <style> </style> ```  在watchEffect函数中运用到哪些属性，就会自动监视哪些属性 最后修改：2025 年 06 月 02 日 © 允许规范转载 赞 不用打赏哦！