vue2.0js 按钮防抖

在 Vue.js v2.0 中，按钮的防抖(debounce)功能通常用于减少频繁点击事件的触发频率，例如在一个搜索框中，用户可能会连续输入字符，我们希望只在用户停止输入一段时间后再发送请求。这可以通过 lodash 或者原生 JavaScript 的 setTimeout 实现。

以下是使用原生 JavaScript 防抖的一个简单示例：

import { debounce } from 'lodash'; // 如果你使用了 lodash 库

data() {
  return {
    searchTerm: '',
    debouncedSearch: debounce(this.search, 300), // 防抖函数，300毫秒内如果还有新的输入则不会再次触发搜索
  };
}

methods: {
  search() {
    console.log('Searching for:', this.searchTerm);
    // 这里是你实际的搜索逻辑
  },
}

当你在 `searchTerm` 变化时，`debouncedSearch` 函数会被调用，只有在最后一次改变后的300毫秒后才会执行。这样可以避免不必要的网络请求。