vue input输入框的防抖

在Vue中，可以通过使用`lodash`库中的`debounce`函数来实现输入框的防抖。

首先，需要在Vue组件中引入`lodash`库：

import _debounce from 'lodash/debounce'

然后，在`data`中定义一个变量来保存输入框的值：

data() {
  return {
    inputValue: ''
  }
}

接着，在`mounted`生命周期中，定义一个防抖函数：

mounted() {
  this.handleInput = _debounce(this.handleInput, 500)
}

其中，`500`是防抖的时间间隔，可以根据实际需求进行调整。

最后，在输入框的`v-model`中，绑定`inputValue`变量，并且将`@input`事件绑定到防抖函数：

<input v-model="inputValue" @input="handleInput" />

最终，`handleInput`函数会在用户输入后的`500ms`内只会被触发一次，减少了不必要的请求或计算，提升了性能。