title: Load new JSON data and replace the old one in VueJS
body: <p>I'm using a v-for loop with data fetched from JSON file. Is there a way to re-render the DOM and whole v-for loop after loading a new JSON file and replacing the old one?
  What I'm trying to achieve is load different sets of products on click and update DOM.</p>
  
  <pre><code>Vue.use(VueResource);    
  var productsList = new Vue({
      el: '#vue',
      data: function () {
          return {
              products: []
          };
      },
      ready: function () {
          this.$http.get('data/data.json').then(function (response) {
              this.products = response.data;
          });
      },
      methods: {
          loadProducts: function (url) {
              this.$http.get(url).then(function (response) {
                  this.products = response.data;
              });
          }
      }
  });
  </code></pre>