search timer

search-timer.vue

<template>
 <input
            v-model="searchWord"
            class="searchbar__search--form-input"
            type="text"
            placeholder="Search"
            autocomplete="off"
            @keyup="handleSearch"
            @blur="closeResult"
          >
</template>
<script>
data(){
  return {
     queryTimer: null,
     searchWord: ''
  }
}

methods: {
  handleSearch () {
      if (this.searchWord.length >= 3) {
        clearTimeout(this.queryTimer)
        this.queryTimer = setTimeout(() => {
          this.search(this.searchWord)
        }, 300)
      }
    },
    search (word) {
      console.log('...')
    },
}
</script>