vue—watch深度监听（deep:true）

1、监听数字如下图：第一个输入框绑定了data中的num，使用watch监听num的变化，可以发发现是可以正常监听的。2、监听对象通过上面案例可以发现，如果监听的是一个对象，那么我们这种写法是监听不到对象内部的变化的。3、深度监听1、watch加上deep:true之后就是深度监听2、handler中返回变化后端obj3、watch第一次加载不执行，数据有变化才会执行，如果需要页面加载完毕执行，那

果冻~

17646人浏览 · 2020-11-14 10:12:54

果冻~ · 2020-11-14 10:12:54 发布

1、监听数字

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

2、监听对象

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

3、深度监听

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^