关于vue中watch检测到不到对象属性的变化的解决方法

前端之家收集整理的这篇文章主要介绍了关于vue中watch检测到不到对象属性的变化的解决方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

在vue开发的过程中发现一个问题:改变vue.$data中对象的属性,watch是观测不到变化,但其实对象的属性是有变化的。这……,有点难以置信!

正文

name: {{option.name}}
age: {{option.age}}

如结果所示,option.age已经更新,但是watch中的option函数并没有被触发。

vue的watch钩子会那么鸡肋?我是不信的了。

深层watch

需要深层watch就需要开启deep属性

如结果所示。

另外,你会发现,在age没有变化前也是有打印出option,这是因为开启immediate属性,设定为true,

该回调将会在侦听开始之后被立即调用

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Vue相关文章