vue最优解决防抖和节流

vue 实现防抖和节流：

什么是防抖和节流：

• 防抖：
  触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间
• 节流：
  高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率

可以把核心代码封装成一个工具：

• until 文件夹里面，index.js 文件

let timeout = null;
function debounce(fn, wait) {
     
 if (timeout !== null) clearTimeout(timeout);
 timeout = setTimeout(fn, wait);
}
export default debounce;

• 在组件中的一个简单的例子：

效果录屏: