<template>
<input type="text" v-model="keyWrod" />
<br />
<span>{{ keyWrod }}</span>
</template>
<script>
import { customRef } from "vue";
export default {
name: "App",
setup() {
let keyWrod = myRef("1231",500);
function myRef(value,delay) {
let timer;
return customRef((track, trigger) => {
return {
get() {
track();
return value;
},
set(newValue) {
clearTimeout(timer)
timer = setTimeout(() => {
value = newValue;
trigger();
}, delay);
},
};
});
}
return {
keyWrod,
};
},
};
</script>
<style>
</style>
