title: splice not working properly my object list VueJs
body: <p>I have a Object array but when i want remove a object from array list only items are deleted from the end</p>
  
  <p>Html :</p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;input type="text" name="test1" /&gt;&lt;/td&gt;
        &lt;td&gt;
          &lt;button class="btn" @click="addrow"&gt;add row&lt;/button&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr v-for="(row,index) in rows"&gt;
        &lt;td&gt;&lt;input type="text" name="test2" /&gt;&lt;/td&gt;
        &lt;td&gt;
            &lt;button class="btn" @click="removerows(index)"&gt;remove &lt;/button&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Js:</p>
  
  <pre><code> new Vue({
          el: "#app",
          data: {
            counterrow:1,
              rows:[],
          },
          methods: {
              addrow:function(){
             this.rows.push({
                      id:this.counterrow
                  });
            },
            removerows:function(index){
             this.rows.splice(index,1);
            },
          },
          });
  </code></pre>
  
  <p>Splice(index,1) not working correctly and just remove the last elements per delete , live demo : <a href="https://jsfiddle.net/mrvre1gp/" rel="noreferrer">jsfiddle</a></p>