VUE的watch监听对象
因为普通监听对象时,其实监听的该对象存放的堆地址,只有声明关键子字(deep: true)才能监听整个对象中所有属性变化;
当然如果监听的对象只有一两个属性,也可以直接分别监听其属性;

//声明对象 data() { return { obj: { name: '黄国华' } } }, watch: { obj: { handler: function(newVal, oldVal) { console.log(newVal, oldVal); //因为对象为引用类型数据,所以新旧值其实是同一个,没有差异 }, deep: true, //关键字,只有声明deep: true才能监听到整个对象的变化 immediate: true //关键字, 此关键字声明为true时,监听对象的初始化就会触发监听事件 } }, //验证一下 mounted() { this.obj.name = '你变了o(╥﹏╥)o'; }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步