vue3 watch 在组件销毁时如何能不监听他

在 Vue 3 中，可以使用 `watchEffect` 来代替 `watch`，它具有自动清除的能力，因此不需要手动在组件销毁时停止监听。

示例代码：

import { watchEffect } from 'vue';

export default {
  setup() {
    watchEffect((onInvalidate) => {
      // 在这里编写需要监听的代码

      // 可以使用 onInvalidate 回调函数来手动停止监听
      // onInvalidate();
    });
  },
};

在上面的示例中，使用 `watchEffect` 来监听数据的变化，并且在回调函数中编写需要监听的代码。当组件销毁时，`watchEffect` 会自动停止监听，因此不需要手动停止。如果需要手动停止监听，可以使用 `onInvalidate` 回调函数。