【Uniapp-Vue3】watch和watchEffect监听的使用

打印 上一主题 下一主题

主题 1484|帖子 1484|积分 4452

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
想要使用watch监听必要引入watch:
   import {watch} from "vue";
  监听某一个变量(浅层监听):
   watch(变量名, (newValue, oldValue)=>{...})
  我们监听变量num,通过输入input去改变num的值: 
 
 
监听对象中的某一个属性(深度监听):
   watch(()=>变量名.value.属性名, (newValue, oldValue)=>{...})
  

 
假如我们想要对该对象的全部属性都进行深度监听,则使用如下写法:
   watch(变量名, (newValue, oldValue)=>{...}, {deep:true}) 
  我们使用如下写法以后修改person中的全部属性都会触发watch: 
 
 留意:开启全属性深度监听会在肯定程度上降低代码的性能
步伐启动时立刻进行一次监听:
   watch(变量名, (newValue, oldValue)=>{...}, {deep:true, immediate:true}) 

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

半亩花草

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表