title: unable to filter array of objects in Vue js
body: <p>I want to filter the games by genre. pdList is the array of objects(games).To do this i'm using Array.filter().
  but its not working. below is the code. Correct me if my approach is wrong. its not giving any error also in the console.</p>
  
  <p><strong>Vuejs code:</strong></p>
  
  <pre><code>new Vue({
  el: "#app",
  data: {
      currentFilter:"all",
      pdList:[,
              {
              "title": "Double Dragon: Neon",
              "url": "/games/double-dragon-neon/xbox-360-131320",
              "platform": "Xbox 360",
              "score": 3,
              "genre": "Fighting",
              "editors_choice": "N",
              "release_year": 2012
              },
              {
              "title": "Guild Wars 2",
              "url": "/games/guild-wars-2/pc-896298",
              "platform": "PC",
              "score": 9,
              "genre": "RPG",
              "editors_choice": "Y",
              "release_year": 2012
              }]
  },
  methods: {
      filterByGenre:function(filterby){
      this.currentFilter = filterby;
      },
      filteredGames:function(pdList){
      console.log("inside filtergames");
      if(this.currentFilter == "all"){
  
          return pdList;
      }else{
          return  pdList.filter(function(game){
          console.log(this.currentFilter);
          return game.genre == this.currentFilter;
          });
      }
      }
  }
  })
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;h2&gt;Game Lister:&lt;/h2&gt;
    &lt;ol&gt;
      &lt;li v-for="game in filteredGames(pdList)"&gt;
  
        {{game.genre}}
  
      &lt;/li&gt;
    &lt;/ol&gt;
  &lt;/div&gt;
  
   &lt;select v-model="currentFilter"&gt;
    &lt;option value="all"&gt;all&lt;/option&gt;
    &lt;option value="Platformer"&gt;Platformer&lt;/option&gt;
    &lt;option value="Platformer"&gt;Puzzle&lt;/option&gt;
    &lt;option value="Platformer"&gt;Sports&lt;/option&gt;
    &lt;option value="Platformer"&gt;Strategy&lt;/option&gt;
  
    &lt;/select&gt;
  </code></pre>