title: How to add data into the table in vue.js?
body: <p>I want to add the data into table when I want to.
  However, I can not add the data after initializing the vue instances.</p>
  
  <p>I have tried to use followings, but, still dose not update data.</p>
  
  <p>・$nextTick
  ・$set</p>
  
  <pre><code>&lt;script&gt;
  var overall = new Vue({                                                                                                                                         
    el: '#overall',                                                                                                                                               
    data: {                                                                                                                                                       
        headers:[                                                                                                                                                 
          "no","name",'gender'                                                                                                                          
        ],                                                                                                                                                        
        items: []                                                                                                                                                 
    },                                                                                                                                                              methods: {                                                                                                                                                    
      add: function(item)                                                                                                                                         
      {                                                                                                                                                           
        this.items = item;
      }
    }
  });
  
  overall.add([{no:'1',name:'Tom Tom',gender:'male'}]);
  &lt;/script&gt;
  
  &lt;div id="overall"&gt;
    &lt;table&gt;
      &lt;thead&gt;      &lt;tr&gt;
          &lt;th  v-for="header in headers"&gt;
            {{header}}
          &lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody &gt;
        &lt;tr v-if="items.length === 0"&gt;                                                                                                                                    &lt;td&gt;No data&lt;/td&gt;                                                                                                                                        &lt;/tr&gt;                                                                                                                                                           &lt;tr v-else v-for="item in items"&gt;                                                                                                                         
  
          &lt;td&gt;{{item.no}}&lt;/td&gt;
          &lt;td&gt;{{item.name}}&lt;/td&gt;
          &lt;td&gt;{{item.gender}}&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>