[TOC] ## watchDebounced ``` <template> <div> <label> <input type="text" v-model="source" /> </label> </div> </template> <script setup> import {watchDebounced} from '@vueuse/core'; import {ref} from 'vue'; const source=ref(0); watchDebounced( source, () => { console.log('changed!') }, { debounce: 500, maxWait: 1000 }, ) </script> ```