Vue中watch监听data函数中数据改变的三种方法

1,234 阅读1分钟

在Vue中有一个watch方法可用于监听数据的改变,避免重复添加监听函数,watch中有三种监听数据的方式: 1、常用型(浅层监听) ​​​ ​​​

如此即可监听loading值的变化,并进行相应操作。

2、深层监听(利用deep属性) ​​​ ​​​

这样利用deep属性,将deep设为true,则可进行深层监听,只要modalForm中任意一个属性的值发生改变,则都会调用handler函数,当然该函数名可随意。

3、深层监听某一个特定属性(用字符串表示对象属性的调用) ​​​ ​​​

此时只会监听modalForm里面的model属性,当他的值发生改变时才会执行回调函数。

4、利用computed计算属性 ​​​ ​​​

此时在添加了计算属性后,可以像浅层监听一样的方式监听深层的model属性值的改变。