vue3 watchEffect

Vue 3中的`watchEffect`是一个用于创建响应式侦听的API。它可以让你执行一个函数，并自动追踪函数内使用到的响应式数据。当这些数据发生变化时，该函数会被重新执行。

下面是一个使用`watchEffect`的示例：

import { watchEffect, reactive } from 'vue';

const state = reactive({
  count: 0,
});

watchEffect(() => {
  console.log(`Count changed: ${state.count}`);
});

// 当我们修改state.count时，watchEffect中的函数会被重新执行
state.count++; // 输出: "Count changed: 1"

在上面的示例中，我们使用`reactive`函数创建了一个响应式对象`state`，它包含一个属性`count`。然后，我们使用`watchEffect`创建了一个侦听函数，它会输出`count`属性的变化。

当我们对`state.count`进行修改时，`watchEffect`中的函数会被重新执行并输出变化后的值。

需要注意的是，`watchEffect`不会返回一个侦听器函数，因此不能手动停止或暂停侦听。如果需要手动停止侦听，请使用`watch`函数。

希望以上对你有所帮助！如果还有其他问题，请继续提问。