什么时候需要重建索引

Crosstalk高速信号质量测试仪

  返回  

watchEffect

2021/8/20 16:32:41 浏览:

看这个名字就会发现这个配置项跟watch脱离不了关系。确实他更像进阶版的watch。

watchEffect参数就是一个函数,函数没有任何参数。那怎么进行监听呢?这就是他的巧妙之处。他可以监听所有在他函数参数里面的使用的响应数据。来个简单的demo看看

let obj = reactive({name: 'fufu'})

watchEffect(() => {
	let name = obj.name
	console.log('监听到了')
})

首先会发现在最开始便打印出 ‘监听到了’,这说明watchEffect会在最开始便进行一次调用,就像普通watch的immediate属性,然后我们改变obj.name属性会发现再次打印出 ‘监听到了’,这表示watchEffect可以监听到使用过的响应数据(会自动进行深度监听)。

watch和watchEffect
既然已经有了watch属性,那么为什么还需要watchEffect呢?明白两者用途后就可以发现watch既需要监视的属性,也需要监视的回调函数,而watchEffect是用到哪个数据就监视哪个数据。

computed和watchEffect
有人会拿watchEffect跟computed进行比较,因为都是开始就会执行,都是依赖的值改变就会执行。但是computed注重的是返回值(函数的返回值),watchEffect注重的是过程(函数的函数体)。

联系我们

如果您对我们的服务有兴趣,请及时和我们联系!

服务热线:18288888888
座机:18288888888
传真:
邮箱:888888@qq.com
地址:郑州市文化路红专路93号