title: Push not updating array in DOM Vue
body: <p>I am using Vue and am trying to make live search. But on updating the content of search, it doesn't get updated.</p>
  
  <p>Data do get update in array, when checked in dev tools. But DOM don't get updated.</p>
  
  <p><strong>template</strong></p>
  
  <pre><code>&lt;div class="dropdown"&gt;
      &lt;input type="text" v-model="input" placeholder="Search" @keyup="searching" data-toggle="dropdown"&gt;
      &lt;span class="caret"&gt;&lt;/span&gt;
      &lt;ul class="dropdown-menu"&gt;
        &lt;li v-for="(data,index) in availSearchData" :key="index"&gt;
          &lt;a href="#"&gt;{{data.name}}&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><strong>method</strong></p>
  
  <pre><code>searching() {
    if (this.input) {
      let url = this.domain + "search";
      axios
        .get(url, {
          params: {
            table: this.table,
            data: this.input
          }
        })
        .then(res =&gt; {
          this.availSearchData = [];
          res.data.forEach(doc =&gt; {
            this.availSearchData.push(doc);
          });
        });
    }
  }
  </code></pre>
  
  <p>I don't know where I am doing wrong. 
  Please help out if possible.</p>