vue.js debouncing method

Debounce.vue

<template>
  <input type="text" v-model="query" @input="search" />
</template>

<script>
export default {
  name: 'Debounce',

  data: () => ({
    query: null,

    debounceTimeout: false,
  }),

  methods: {
    search() {
      window.clearTimeout(this.debounceTimeout);

      this.debounceTimeout = setTimeout(() => {
        console.log('debounced!');
      }, 500);
    },
  },
};
</script>