el-button防抖节流

el-button 防抖（debounce）和节流（throttle）是一种优化性能的技术，在 Vue.js 中的 Element UI 的按钮组件中，它们主要用于减少频繁的事件触发导致的不必要的计算或网络请求。例如，当你在一个输入框内输入文字并频繁点击“发送”按钮时，如果对每次点击都立即执行操作可能会很耗时。这时可以使用防抖或节流。

**防抖（Debounce）**: 当用户停止连续按键一段时间后，才执行相应的函数。比如设置一个 300ms 的防抖时间，意味着用户在300毫秒内再次点击，上一次点击会被忽略，直到超过这个时间才执行函数。

**节流（Throttle）**: 相比于防抖，节流会在指定的时间间隔内（如每500ms），只执行一次函数，无论用户触发多少次。在这500毫秒内，即使用户快速点击，也只会执行最后一次的函数。

在 Element UI 的 `@input` 或 `@click` 等自定义事件处理程序中，你可以使用类似以下的代码片段来实现：

const debouncedFn = debounce(fn, 300); // 防抖，300毫秒
const throttledFn = throttle(fn, 500); // 节流，500毫秒

el-button.addEventListener('input', debouncedFn);
el-button.addEventListener('click', throttledFn);