vue3取消watch监听

在 Vue3 中，取消一个 Watcher 监听可以通过 unwatch() 方法实现。该方法接受一个返回 Watcher 实例的函数作为参数，并可以在组件卸载时调用。

代码如下：

import { unwatch } from 'vue'

const unwatchFn = this.$watch('value', () => {
  // 监听回调函数
})

// 取消监听
unwatch(unwatchFn)

需要注意的是，使用 unwatch() 方法取消监听也可以在组件卸载时自动清除所有 Watcher 监听。可以通过在 setup() 函数中返回一个清除函数来实现：

import { onUnmounted } from 'vue'

export default {
  setup() {
    const unwatchFn = watch(...)
    
    // 在组件卸载时取消监听
    onUnmounted(unwatchFn)
  }
}