title: vue.js v-for list not updating
body: <p>I have this list:</p>
  
  <pre><code>&lt;ul id="tab"&gt;
      &lt;li v-for="list in names"&gt;
          {{ list.personName }}
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And then I have this vue object:</p>
  
  <pre><code>var vm = new Vue ({
      el: '#tab',
          data: {
              names: //an object array coming from the server
          }
      });
  </code></pre>
  
  <p>So the 'names' data is updated and given information from the server. However, when the names are updated/change, it is not reflected on the client side list. The items that appear in the list only reflect the items that were there when the page initially loaded.</p>
  
  <p>In the vue.js developer tools in Google Chrome, I can always see the updated 'names' data, but it just doesn't reflect on the DOM itself.</p>
  
  <p><strong>EDIT1</strong>:
  What's in the 'name's:</p>
  
  <pre><code>names: Array[2]
      0: Object
      _id: "580aeafd017fbfb81a3a794d"
      personName: "hi"
  
      1: Object
     _id: "580c4455ccc9e39c21f02434"
     personName: "test"
  </code></pre>
  
  <p><strong>EDIT2</strong></p>
  
  <p>So I'm using node.js, and transferring the data live from node to the client via socket.io like this:</p>
  
  <pre><code>socket.on('userDocument', function(userDocument) {
      var vm= new Vue ({
          el: '#tab',
          data: {
              names: //an object array coming from the server
          }
      });
  });
  </code></pre>