vue停止定时器_vue中使用防抖节流

防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。

一、函数防抖

定义

在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。

实现原理

函数防抖的基本思想是设置一个定时器，在指定时间间隔内运行代码时清楚上一次的定时器，并设置另一个定时器，知道函数请求停止并超过时间间隔才会执行。

使用场景

文本框输入搜索(连续输入时避免多次请求接口)

代码实现

/*** 函数防抖*/export function debounce(fn, delay) {
    // 记录上一次的延时器var timer = null;var delay = delay || 200;return function() {
      var args = arguments;  var that = this;  // 清除上一次延时器  c