title: Debounce computed properties/getters in Vue
body: <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>