Debounce computed properties/getters in Vue : <p>I can't seem to debounce (lodash) computed properties or vuex getters. The debounced functions always return undefined.</p>

<p><a href="https://jsfiddle.net/guanzo/yqk0jp1j/2/" rel="noreferrer">https://jsfiddle.net/guanzo/yqk0jp1j/2/</a></p>

<p>HTML:</p>

<pre><code>&lt;div id="app"&gt;
  &lt;input v-model="text"&gt;
  &lt;div&gt;computed: {{ textComputed }} &lt;/div&gt;
  &lt;div&gt;debounced: {{ textDebounced }} &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>JS:</p>

<pre><code>new Vue({
    el:'#app',
  data:{
    text:''
  },
  computed:{
    textDebounced: _.debounce(function(){
      return this.text
    },500),
    textComputed(){
        return this.text
    }
  }

})
</code></pre>
