Vue框架中输入框做防抖和节流操作

什么是防抖？

防抖：就是你触发事件后多少秒后在进行执行，如果你触发事件的事件间隔小于延迟事件，那么就在你最后一次触发事件后的多少秒的时候才执行。

应用场景：例如一个搜索框，用户输入数据会进行发送网络请求进行检索，为了减少服务器的压力，在@input事件上可做一个防抖操作。
在用户触发@input事件的200ms后执行网络请求函数，如果一直输入就一直不发送，直到停止输入后的200ms才执行。

代码：

效果如图，不断的输入，等输入完了然后执行一次。

什么是节流？

节流：就是在一个时间间隔内不管你触发多少次事件，但是我就执行一次事件。
代码：