Vue2.0如何优雅的实现debounce

Question

vue2.0废除了debounce,我现在接手的老项目中很多click事件都没有做debounce处理，不想挨个方法添加_.debounce(),有什么更优雅的方法么？

Answer 1

In template:

<input type="text" v-on:input="debounceInput" v-model="searchInput">

In script:

created(){
    this.debounceInput = _.debounce( this.debounceInput)
},
data: function () {
  return {
    searchInput: '',
    filterKey: ''
  }
},

methods: {
  debounceInput () {
    this.filterKey = this.searchInput;
  }
}

Answer 2

通过mixins混合