在vue中使用防抖函数

在Vue中使用防抖函数可以通过以下步骤实现：

1. 在Vue组件中引入lodash库，可以通过npm安装lodash库。

2. 在Vue组件中定义防抖函数，例如：

import _ from 'lodash'

export default {
  data() {
    return {
      inputValue: '',
    }
  },
  methods: {
    // 定义防抖函数
    handleInput: _.debounce(function() {
      console.log(this.inputValue)
    }, 500),
  },
}

3. 在模板中通过v-model绑定数据，例如：

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

这样就可以在Vue组件中使用防抖函数了，当用户输入后停顿500ms才会输出输入的内容。