watch:

具有一定的惰性#xff08;lazy#…vue3中watch和watchEffect的区别

Vue

都是监听器但在写法和使用上有所区别。

让我们来详细了解一下它们之间的不同

watch:

具有一定的惰性lazy它在页面首次展示时不会立即执行只有数据变化时才会执行。

参数可以拿到当前值和原始值。

需要传递要侦听的内容。

可以侦听多个数据的变化用一个侦听器承载。

适用于基本数据类型的监听。

templateName:

nameObj.englishName],([curName,

curEng],

nameObj.englishName],([curName,

curEng],

立即执行没有惰性页面的首次加载就会执行。

自动检测内部代码只要代码中有依赖就会执行。

不需要传递要侦听的内容会自动感知代码依赖。

无法获取到原值只能得到变化后的值。

适合处理异步操作。

watchEffect(()

{console.log(state.count);console.log(state.name);

});setTimeout(()