VueJs _.debounce filtering

debounced.vue

<template>
  <input class="input is-small" type="text" placeholder="Filter" v-model="query" @keyup='doFilter'>
</template>

<script>
...
data () {
  return {
    this.debouncedQuery = '',
    this.query = ''
,  }
}
mounted () {
  this.doFilter = _.debounce(() => {
      self.debouncedQuery = self.query
  }, 300)
}