vue中如何监听对象中的对象值的变化

时间:2024-10-13 15:00:47

1、watch是一个对象,键是需要观察的表达式,值可以是字符串、回调函数、对象和数组。如果需要实现深度监听,值就必须为对象,

vue中如何监听对象中的对象值的变化

2、定义一个对象,对象中的值依然为对象,用于测试深度监听的实现情况。

vue中如何监听对象中的对象值的变化

3、按照watch的要求,对该对象进行监听。deep: true表示需要深度监听,handler是一个函数,参数分别为改变之后的值、改变之前的值。

vue中如何监听对象中的对象值的变化

4、使用方法对该对象中需要监听的值进行改变从而触发监听。

vue中如何监听对象中的对象值的变化

5、控制台成功打印出值表示对该对象的内部值监听成功。

vue中如何监听对象中的对象值的变化
© 手抄报圈