节流函数vue中使用

节流函数在Vue中通常用于控制频繁触发的事件，比如滚动、输入等，防止短时间内连续触发多次导致性能下降。Throttle或 Debounce 是两个常用的节流技术。

1. **Throttle (限流)**：在一定时间间隔内，只允许事件最多触发一次。如果在这段时间内多次触发，它会忽略后续的请求，直到下一次时间间隔到来。

2. **Debounce (延退)**：相反，Debounce会在用户停止操作一段时间后才触发处理函数，这段时间可以理解为“等待期”。如果用户在此期间再次触发事件，那么上一次的延迟将会取消，新的延迟从新开始计时。

在Vue中，你可以使用`throttle`或`debounce`来自`lodash`或`vue-throttle-debounce`这样的库。例如：

import throttle from 'lodash/throttle';

export default {
  data() {
    return {
      handleScroll: throttle(() => {
        console.log('Scrolled');
      }, 300) // 每隔300毫秒执行一次
    }
  },
  mounted() {
    window.addEventListener('scroll', this.handleScroll);
  },
  beforeDestroy() {
    window.removeEventListener('scroll', this.handleScroll);
  }
}