vue中watch和watcheffect的区别

Vue 中 watch 和 watchEffect 的区别

开门见山回答：

watch 和 watchEffect 都是 Vue 中用于监视响应式数据的 API，但它们在行为和用法上有所不同。

详细回答：

watch

• 语法： watch(expOrFn, callback, options？)
• 用途：用于监视响应式数据，在数据变化时执行回调函数。

• 特点：

  • 使用 回调函数 来处理数据更新。
  • 只能监视 特定响应式属性。
  • 默认情况下，在组件挂载和每次数据更新时都被触发 （immediate 为 false）。
  • 可以通过设置 immediate 选项为 true，在组件挂载时立即触发回调。
• 用法：

// 监视 `message` 属性
watch(\'message\', (newVal, oldVal) => {
  // 数据更新时触发的回调
});