浅析Vue组件中如何使用 防抖 和 节流

Vue组件中如何使用 防抖 和 节流？下面本篇文章通过示例带大家了解一下Vue组件中使用 防抖 和 节流 控制 观察者和事件处理程序的方法，希望对大家有所帮助！

在监听频繁触发的事件时，一定要多加小心，比如 用户在输入框打字、窗口大小调整、滚动、Intersection Observer 事件。

这些事件总是被频繁触发，可能 几秒一次。如果针对每次事件都发起 fetch 请求（或类似的行为），那显然是不明智的。

我们需要做的就是减缓事件处理程序的执行速度。这种缓冲技术就是 防抖（debounce） 和 节流（throttle） 。

在本文中，你会了解到如何在 Vue 组件中 使用 防抖 和 节流 控制 观察者（watchers） 和 事件处理程序。【