vue中防抖使用

防抖是在事件被触发n秒后再执行回调函数，如果在这n秒内又被触发，则重新计时。

<template>
    <div> 
        <input v-model="value" @keyup="handleChange" />
    </div>
</template>
<script>
    export default {
        name: "",
        data() {
            value:"",
            times: null
        },
        method: {
            handleChange() {
                if(this.times){
                    clearTimeout(this.times)
                }
                this.times = setTimeout(() => {
                    //调用接口
                }, 500);
            }
        },
        beforeDestroy(){
            clearTimeout(this.times);
          },
    }
</script>