vue3 watchEffect监听function

Vue3的watchEffect函数是一个高级监听器，用于监听一个函数的执行，并在函数内部依赖的响应式数据发生变化时自动重新执行该函数[^1]。它的语法如下：

watchEffect(effect: WatchEffect, options?: WatchOptionsBase): WatchStopHandle;

其中，effect是要监听的函数，options是可选的配置项，返回值是一个用于停止监听的函数。

下面是一个示例，演示了如何使用watchEffect监听一个函数：

const boy = {
  age: 18,
  name: 'John'
};

const stop = watchEffect(() => {
  console.log(boy.age);
});

在上面的示例中，watchEffect会自动执行传入的函数，并在boy.age发生变化时重新执行该函数。如果你想停止监听，只需要调用返回的stop函数即可：

stop();