vue—watch深度监听(deep:true)

1、监听数字

如下图:第一个输入框绑定了data中的num,使用watch监听num的变化,可以发发现是可以正常监听的。
在这里插入图片描述

2、监听对象

在这里插入图片描述
通过上面案例可以发现,如果监听的是一个对象,那么我们这种写法是监听不到对象内部的变化的。

3、深度监听

1、watch加上deep:true之后就是深度监听
2、handler中返回变化后端obj
3、watch第一次加载不执行,数据有变化才会执行,如果需要页面加载完毕执行,那就加上immediate:truedeep同级
在这里插入图片描述