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

导读当对象内的某一个元素发生变化，判断对象另一元素，并进行赋值<template>　　<inputtype="text"v-model="a.a1.a12"/>....

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

<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>

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

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