vue watch

vue watch

以前很喜欢用vue的watch属性,直到今天发现改变了数据之后没生效,于是搜了搜试了试然后稍微总结了一下,通过两个例子测试一下。

首先data中定义test,test2两个属性;

然后写了一个点击事件;

methods下定义事件变化结果;

watch下监测变化;

结果是可以看到test2的打印值,看不到test的打印值。

watch下代码修改成如下:

结果3个打印值都可以看到。

大概得到的结论就是,普通的变化还是可以监测到的;如果是对象的某个属性的某个值不会被watch监测到,但是可以通过handlerdeepimmediate结合使用来监测变化;也可以用类似'test.type'的方法来监测,记得加引号。另外如果上面的test是一个二维数组,不可以用类似test[0].type的写法来监测。

发表评论

电子邮件地址不会被公开。