watchEffect是否能写多个

是的，你可以在同一个组件中使用多个 watchEffect。watchEffect 允许你监听多个响应式变量或计算属性，并在它们发生变化时执行相应的副作用代码。你可以简单地将多个 watchEffect 函数放在同一个组件中的不同位置，每个函数负责监听不同的变量或属性。

下面是一个示例，展示了如何在 Vue 3 中使用多个 watchEffect：

import { watchEffect, reactive } from 'vue';

export default {
  setup() {
    const state = reactive({
      variable1: 'value1',
      variable2: 'value2',
    });

    // 监听 variable1 的变化
    watchEffect(() => {
      console.log('variable1 变化了：', state.variable1);
    });

    // 监听 variable2 的变化
    watchEffect(() => {
      console.log('variable2 变化了：', state.variable2);
    });

    // 其他代码...

    return {
      // 组件的模板和其他逻辑...
    };
  },
};

在上面的示例中，我们创建了两个 watchEffect 函数来分别监听 `state.variable1` 和 `state.variable2` 的变化。每当其中一个变量发生变化时，相应的副作用代码会被执行。

希望这个示例对你有所帮助！如果你有任何其他问题，请随时提问。