vue3中watchEffect参数

在Vue 3中，watchEffect函数接受一个回调函数作为参数。该回调函数会在组件渲染时立即执行，并且会自动追踪其依赖项。

watchEffect的参数回调函数可以接受一个参数，该参数是一个包含当前组件状态的响应式对象。通过访问这个对象的属性，可以在回调函数中读取和使用这些属性的值。

以下是一个使用watchEffect的示例：

import { watchEffect, reactive } from 'vue';

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

    watchEffect(() => {
      console.log(state.count);
    });

    return {
      state,
    };
  },
};

在上面的示例中，我们使用reactive函数创建了一个响应式对象state，并将其传递给watchEffect的回调函数。在回调函数中，我们可以访问state对象的count属性，并在控制台上打印出其值。

当count属性发生变化时，watchEffect会自动重新运行回调函数，并打印出新的值。这种自动追踪依赖的行为是Vue 3的一个重要特性，可以帮助我们更方便地处理响应式数据的更新和副作用逻辑