title: How to solve Uncaught TypeError: this.filters is not a function ? (vue.js 2)
body: <p>My component code is like this :</p>
  
  <pre><code>&lt;script&gt;
      import _ from 'lodash'
      export default{
          props:['search','category'],
          data(){
              return{
                  price_min:'',
                  price_max:''
              }
          },
          computed:{
              filters(data){
                  const price = {min:this.price_min, max:this.price_max}
                  return {q:this.search, category:this.category, sort:data, location:data, price}
              },
          },
          methods:{
              filterProduct: _.debounce(function(data=null){
                      this.$store.dispatch('getProducts', this.filters(data))
              },500)
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>My full code is like this : <a href="http://pastebin.com/K7vwU0yY" rel="nofollow noreferrer">http://pastebin.com/K7vwU0yY</a></p>
  
  <p>When executed, on the console exist error like this :</p>
  
  <blockquote>
    <p>Uncaught TypeError: this.filters is not a function</p>
  </blockquote>
  
  <p>How can I solve the error?</p>