vue中watch的实现原理(watch深度监听对象实现数据联动效果)(1)

当对象内的某一个元素发生变化,判断对象另一元素,并进行赋值

<template>   <input type="text" v-model="a.a1.a12"/>{{a.a1.a12}}   <input type="text" v-model="a.a2.a22"/>{{a.a2.a22}} </template>//前端全栈交流学习圈:866109386 <script>//帮助1-3年前端人员,突破技术瓶颈,提升思维能力   data(){     retrun{       a:{         a1:{           a12:12         },         a2:{           a22:15         }       }   },   watch:{     a:{       handler(val.oldval){         if(val.a1.a12<val.a2.a22){           val.a2.a22=val.a1.a12;         }       },       deep:true     }   } </script>

对前端的技术,架构技术感兴趣的同学关注我的头条号,并在后台私信发送关键字:“前端”即可获取免费的架构师学习资料

知识体系已整理好,欢迎免费领取。还有面试视频分享可以免费获取。关注我,可以获得没有的架构经验哦!!

,