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

1、监听数字

如下图:第一个输入框绑定了data中的num,使用watch监听num的变化,可以发发现是可以正常监听的。
vue—watch深度监听(deep:true)_第1张图片

2、监听对象

vue—watch深度监听(deep:true)_第2张图片
通过上面案例可以发现,如果监听的是一个对象,那么我们这种写法是监听不到对象内部的变化的。

3、深度监听

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

你可能感兴趣的:(vue,vue,vue.js)