vue3使用watch实现防抖

定义一个定时器，监听表单项双向绑定的值，一旦变化，就判断timer是否为null，不为空说明上一次计时还没结束，就清除当前定时器。为空，说明已经结束了，相应地，下面地代码也就已经打印了新值。
换句话说：1秒中之内不会打印新值，就是输入完1秒后才会打印。在1秒之内重新触发地定时器都会被清除，也就是在1秒内输入的东西都不会打印。

let timer: any = null;
watch(
  numbers,
  (newValue: string) => {
    if (timer !== null) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      console.log(newValue);
    }, 1000);
  },
  { immediate: false }
);