watchEffect 具体怎么使用

watchEffect 是 Vue 3 中的一个响应式函数，它用于监听数据变化并执行相应的副作用函数。当依赖的数据变化时，副作用函数会被自动调用。下面是 watchEffect 的使用示例：

import { reactive, watchEffect } from 'vue';

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

watchEffect(() => {
  console.log('count 的值发生了变化：', state.count);
});

// 修改 count 的值
state.count++; // 控制台输出：count 的值发生了变化：1

在上面的例子中，我们使用 reactive 函数创建了一个响应式数据对象 state，并使用 watchEffect 来监听 state.count 的变化。当 count 的值发生变化时，副作用函数会被触发，打印出新的 count 值。