3.watch与watcheffect的区别？

watch和watchEffect都是Vue3中的监听器，但它们在写法和用法上有一定区别，是同一功能的两种不同形态，底层都是一样的。具体区别如下：
watch需要显式地指定监听的数据源，并且需要提供一个回调函数来响应数据变化，回调函数接收两个参数，新值和旧值。watch还可以提供一些选项来控制监听行为，例如deep、immediate等。
watchEffect则是自动追踪响应式数据的变化，并在回调函数中执行相关操作。watchEffect不需要显式地指定监听的数据源，它会自动追踪响应式数据的变化，并在回调函数中执行相关操作。watchEffect的回调函数只接收一个参数，即响应式数据变化后的值。

代码示例：

// watch示例
watch(
  () => state.count,
  (newVal, oldVal) => {
    console.log(`count从${oldVal}变为${newVal}`);
  },
  { immediate: true }
);

// watchEffect示例
watchEffect(() => {
  console.log(`count的值为${state.count}`);
});

相关问题

watch 和 watchEffect 的区别？

watch 和 watchEffect 都是 Vue3 中的监听器，但它们在写法和用法上有一定区别。watch 是一个函数，需要传入两个参数：要监听的数据和回调函数，当监听的数据发生变化时，回调函数会被触发。而 watchEffect 是一个函数，只需要传入一个函数作为参数，这个函数中使用到的响应式数据发生变化时，函数会被重新执行。watchEffect 的优点是可以自动追踪响应式数据的变化，不需要手动指定要监听的数据，而且可以自动清除监听器，避免内存泄漏。另外，watch 可以监听到对象属性的变化，而 watchEffect 只能监听到对象本身的变化。

Watch和watchEffect的区别？

`watch` 和 `watchEffect` 都是 Vue 3 中提供的用于监听响应式数据变化的 API。它们的区别在于：

1. `watch` 是一个函数，需要接收两个参数：需要监听的数据和回调函数，在数据变化时执行回调函数。回调函数中可以访问到新值和旧值，也可以使用 `immediate` 选项来立即执行回调函数。
2. `watchEffect` 是一个函数，需要接收一个函数作为参数，在函数中访问需要监听的数据，当这些数据变化时自动执行函数。`watchEffect` 不需要显式地指定监听的数据，它会自动追踪函数中访问的响应式数据，并在这些数据变化时重新执行函数。

因此，如果需要监听单个数据的变化，或者需要在数据变化时执行一些特定的操作，可以使用 `watch`。而如果需要监听多个数据的变化，或者需要在变化时执行一些复杂的操作，可以使用 `watchEffect`。