title: Updating the DOM with change in an object (vue.js) - binding not working?
body: <p>I have the <strong>app.js</strong> file where gmarkers is an array of objects :</p>
  
  <pre><code>var vm = new Vue({
      el: '#lili',
      data: {
          listings: gmarkers
      }
  });
  </code></pre>
  
  <p>In my <strong>HTML</strong> file :</p>
  
  <pre><code>&lt;div id="lili" &gt;
      &lt;div
          v-repeat="gmarker : listings" 
          class="listing listing-list col-sm-12" 
          style="height:50px;line-height:50px;"  
          data-cat="@{{gmarker.mycategory}}" 
          data-id="@{{gmarker.id}}"
      &gt;
          &lt;span style="color:black;"&gt;
              &lt;a target="_blank" href="@{{gmarker.listlink}}"&gt;
                  @{{ gmarker.listname }}
              &lt;/a&gt;
          &lt;/span&gt;
          &lt;span class="tag blue-back" style="margin-left:5px;"&gt;
              &lt;a target="_blank" href="@{{gmarker.catlink}}"&gt;
                  @{{gmarker.listcat}}
              &lt;/a&gt;
          &lt;/span&gt;
          &lt;span style="margin-left:20px;color:#bbb;"&gt;
              @{{gmarker.distance}}km
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When loading the page, the DOM loads correctly, displaying the list I'm looking for but when (after an ajax call in js) the gmarkers object changes, the DOM doesn't change.<br/><br/>
  The new gmarkers is totally created from scratch and containing new objects.
  <br/><br/>
  What am I missing ?</p>