vue防抖，节流函数

<template>
  <div class="Index">
    <input v-model="value" @keyup="handleChange" />
  </div>
</template>
<script>
export default {
  name: "Index",
  data(){
    return{
      value:"",
      counttimes: null
    }
  },
  created() {
  },
  methods: {
    handleChange() {
        if(this.counttimes){
            clearTimeout(this.counttimes)
        }
        this.counttimes = setTimeout(() => {
            //调用接口
            console.log('调用接口')
        }, 1000);
    },
    beforeDestroy(){
      clearTimeout(this.counttimes);
    },
  },
};
</script>

<template>
  <div class="Index">
    <button @click="testClick">确定</button>
  </div>
</template>
<script>
export default {
  name: "Index",
  data(){
    return{
        timer: null
    }
  },
  created() {
  },
  methods: {
    fnThrottle (method, delay, duration) {
        var that = this;
        var timer = this.timer;
        var begin = new Date().getTime();
        return function(){
          var context = that;
          var args = arguments;
          var current = new Date().getTime();
          clearTimeout(timer);
          if(current-begin>=duration){
            method.apply(context,args);
            begin=current;
          }else{
            that.timer=setTimeout(function(){
              method.apply(context,args);
            },delay);
          }
        }
      },
    testClick(){
      this.fnThrottle(this.add, 1000, 1000)();
    },
    add(){
      console.log('触发了')
    }
  },
};
</script>