1.开发环境vue22。电脑系统windows11专业版3.在使用vue开发的过程中,我们有时需要使用监控watch来获取相应的数据,接下来我们看一下使用方法和监听多个值的使用方法同时。4、废话不多说,直接上代码:watch:{"tempUrl"(newValue,oldValue){console.log("我是被监控的新数据",newValue);console.log("我是被监控的老数据",oldValue);}}这种写法可以监听多个数据的变化,现在感觉没问题//当我需要监听多个值的变化时watch:{"tempUrl"(newValue,oldValue){console.log("我正在监控新数据",newValue);console.log("我在监控旧数据",oldValue);},"tagNameLists"(newValue,oldValue){console.log("我是视频标签显示新数据",newValue);console.log("我正在显示视频标签中的旧数据",oldValue);//this.getRdata(newValue);}}//只触发第一个监控数据变化,第二个5.使用computed:computed:{dataChange(){const{tempUrl,tagNameLists}=this;返回{tempUrl,tagNameLists};}}watch:{dataChange:{handler(newValue,oldValue){console.log("监控数据变化",newValue);},deep:true}},从而实现对多个数据变化的监控6.本期的分享到这里就结束了,希望对大家有所帮助,一起努力登顶顶峰
