watchEffect 和watch的区别。
时间: 2023-10-13 13:05:47 浏览: 89
Vue3-Watch、Watcheffect、Computed的使用和区别
`watchEffect` 和 `watch` 是 Vue 3 中新增的两个响应式 API,用于监听数据变化并执行相应操作。
- `watchEffect`:接收一个函数作为参数,该函数内部会自动追踪其依赖的响应式数据,并在依赖数据变化时重新执行该函数。与 `computed` 的区别是,`watchEffect` 不需要手动指定依赖项,而是自动进行依赖追踪。
- `watch`:接收两个参数,第一个参数是要监听的数据,第二个参数是一个回调函数,在监听的数据发生变化时执行。与 `watchEffect` 的区别是,`watch` 需要手动指定要监听的数据,而且回调函数只在监听的数据发生变化时执行,不会在初始化时执行。
总而言之,`watchEffect` 更加方便快捷,适用于监听复杂表达式或多个数据的变化;而 `watch` 更加灵活,适用于需要手动指定监听数据的场景。
阅读全文