Vue 监听属性Watch

最新推荐文章于 2025-12-05 17:02:52 发布

原创最新推荐文章于 2025-12-05 17:02:52 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #java #javascript #js #scala

本文详细介绍了Vue.js中Watch监听的功能与使用方法。通过Watch可以监控数据的变化并执行相应的回调函数，支持普通监听和深度监听，适用于动态更新关联状态等场景。

监听属性Watch

watch的作用可以监控一个值的变换，并调用因为变化需要执行的方法。可以通过watch动态改变关联的状态。

data:{
     a:1,
     b:{
         c:1
     }
 },
 watch:{
     a(val, oldVal){//普通的watch监听
         console.log("a: "+val, oldVal);
     },
     b:{//深度监听，可监听到对象、数组的变化
         handler(val, oldVal){
             console.log("b.c: "+val.c, oldVal.c);
         },
         deep:true //true 深度监听
     }
 }