记录一下vue2中watch监听props中的值，不生效的问题

今天遇到了一个问题,可能自己习惯写vue3的写法，忘记了vue2中的写法。在此记录一下我在props中申明了一个接受了父组件传下来的valueprops：{value:{type:String}}在watch中错误的使用了使用了this.value 。我的理解是写死了。正确的写法是...

Eonnf-

3394人浏览 · 2022-03-24 21:48:08

Eonnf- · 2022-03-24 21:48:08 发布

今天遇到了一个问题,可能自己习惯写vue3的写法，忘记了vue2中的写法。在此记录一下

我在props中申明了一个接受了父组件传下来的value

props：{

value:{

type:String

}

在watch中错误的使用了使用了this.value 。我的理解是写死了。正确的写法是

顺便记录一下

$watch方法和watch配置项内部实现的原理是一致的。但是$watch更加灵活，它并不是组件一初始化就立即监听的。而是在某个时候你想要监听的时候才进行监听

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}$/, //不连续的两位字母// /^