vue中watch的使用

210 阅读1分钟

首先说下定义

veu中的watch是用来监听数据变化的
watch的监听形式 一种是直接写一个函数,上代码

1640158558(1).png 另外一种是写为对象的形式
上代码 1640158899(1).png 上面两种写法效果是一样的,其中handler是固定写法
上面是监听简单的数据,watch也可以监听对象
watch 默认情况下监听数据本身发生发生改变,数据内部发生的变化是监听不到的。
上代码 1640159532(1).png 如果你只是想监听一个对象的某一个属性,用函数的形式可以搞定
上代码

1640159703(1).png 到现在为止,你想监听简单数据类型还是对象类型还是只是监听对象中的某一个属性都可以实现了,如果对你有帮忙,点个赞吧
watch监听对象的时候,还有一个immediate配置可以传递,这个是用来表示立即执行的意思。就是在数据第一次初始化的时候都会执行一次,下面再说一个遇到的问题。
上代码

1640160410(1).png