HomemadeDebounce.vue

<template>
    <div>
        <input type="text" v-model="userInput" @change="submit()">
    </div>
</template>

<script>
data() {
    return {
        userInput: "",
        bouncing: null
    }
},

methods: {
    submit() {
        if (this.bouncing) {
            clearTimeout(this.bouncing)
            this.bouncing = null
        }
        this.bouncing = setTimeout(() => {
            // call an API through a store dispatch, axios, service class, etc.
            this.$store.dispatch("someAPICall", this.userInput)
            // reset the bouncing variable
            this.bouncing = false
        }, 3000)
    }
}
</script>