Skip to content

Latest commit

 

History

History
33 lines (24 loc) · 2.79 KB

README.zh-CN.md

File metadata and controls

33 lines (24 loc) · 2.79 KB

自定义ref 困难 #Composition API #Reactivity:Advanced

By webfansplz @webfansplz

接受挑战    English

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

一个 防抖的refVue.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>

返回首页 分享你的解答 查看解答