<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>