title: v-for with filter gives error of property or method not defined
body: <p>I'm using Vue2 with Vuex.
  I have a list of posts from <a href="https://jsonplaceholder.typicode.com/posts" rel="nofollow noreferrer">https://jsonplaceholder.typicode.com/posts</a>
  I want to show it in descending order.
  for that, I created a filter named &quot;desc&quot; in main.js and applied to my component posts.vue like this.</p>
  <pre><code>&lt;li v-for=&quot;post in posts | desc&quot; :key=&quot;post.id&quot;&gt;
  </code></pre>
  <p>this is my main.js</p>
  <pre><code>import Vue from 'vue'
  import App from './App'
  import router from './router'
  import { store } from './store/store'
  
  Vue.config.productionTip = false
  
  Vue.filter('desc', function(arr){
    if(arr) return arr.reverse();
  });
  
  new Vue({
    el: '#app',
    router,
    store,
    components: { App },
    template: '&lt;App/&gt;'
  })
  </code></pre>
  <p>it gives me the following error:</p>
  <blockquote>
  <p>[Vue warn]: Property or method &quot;desc&quot; is not defined on the instance
  but referenced during render. Make sure that this property is
  reactive, either in the data option, or for class-based components, by
  initializing the property. See:
  <a href="https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties</a>.</p>
  </blockquote>
  <p>I thought it may cause this error until http get request comes with the response. To troubleshoot this I also tried with static json data but still shows this error.</p>
  <p>can any one help me out solving this?</p>