vue组件中，如何提取公共的防抖函数，并在组件中使用。以及select下拉框滚动加载的设置。

一、前言

       在实际开发中，比如搜索栏，用户输入一个字符都要发送网络请求来返回搜索结果，这样对服务器的压力就太大了，我们需要使用防抖函数，来降低这个频率。

       当下拉框的数据过多时，前端可以通过分页的形式动态加载下拉框的数据。

二、如果提取公共的防抖函数，并在组件中使用

下面以ant-design组件库的Select选择器为例:

在util---->common----->comment.js写公共函数

export function debounce(fn, wait) {
      let timer = null;
      return function () {
        if (timer) {
          clearTimeout(timer)
        }
        timer = setTimeout(() => {
          fn.apply(this, args)
          timer = null
        }, wait)
      }
    }

在vue页面中应用