vue3中watcheffect 如何监听,详细代码

可以使用以下代码实现watchEffect的监听：

import { reactive, watchEffect } from 'vue';

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

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

在上述代码中，我们首先使用reactive函数创建一个响应式对象state，并将其count属性初始化为0。接着，我们使用watchEffect函数将一个副作用函数传入其中，该函数会在state任何属性改变时执行。在本例中，我们仅输出count属性的新值。