自定义ref

By webfansplz @webfansplz

防抖函数在输入框操作场景中非常有用。

一个防抖的ref在Vue.js更加灵活，让我们开始吧 👇:

<script setup>
import { watch } from "vue"

/**
 * 补全以下函数来实现防抖ref :
*/
function useDebouncedRef(value, delay = 200) {

}
const text = useDebouncedRef("hello")

/**
 * 确保在输入框快速输入时, 只触发一次回调。
*/
watch(text, (value) => {
  console.log(value)
})
</script>

<template>
  <input v-model="text" />
</template>