vue3 wach自己写一定时间内执行最后一次

在Vue3中，可以使用watch来监听数据的变化并执行相应的操作。如果需要在一定时间内执行最后一次操作，可以结合debounce函数来实现。

首先，导入debounce函数：

import { ref, watch, debounce } from 'vue'

然后，创建一个响应式的变量来存储最后一次操作的结果：

const lastResult = ref(null)

接下来，创建一个watch监听器，使用debounce函数来延迟执行操作，并将最后一次操作的结果存储到lastResult中：

watch(
  // 监听的数据
  myData,
  // 回调函数
  debounce((newVal) => {
    // 执行操作，并将结果存储到lastResult中
    lastResult.value = doSomething(newVal)
  }, 500) // 设置延迟时间为500ms
)

最后，可以在模板中使用lastResult来显示最后一次操作的结果：

<div>{{ lastResult }}</div>

以上代码会在myData变化后的500ms内执行最后一次操作，并将结果存储到lastResult中，然后在模板中显示出来