VUEJS remove Element From Lists?
<p>it is possible to remove specific element from lists. i tried this functions for remove element</p>

<blockquote>
  <p>pop() = remove last element</p>
  
  <p>$remove(index) = not remove any element from lists</p>
  
  <p>remove( index ) = undefined function</p>
  
  <p>unshift( index ) = add new and empty element</p>
  
  <p>splice( index )  = remove all element from index</p>
</blockquote>

<p>please help me to remove specific element from lists. </p>

<p>below is my js code</p>

<pre><code>var example2 = new Vue({
  el: '#example-2',
  data: {
    items: [
      { message: 'Foo' },
      { message: 'Bar' },
      { message: 'Bar1' },
      { message: 'Bar2' },
      { message: 'Bar3' },
      { message: 'Bar4' }
    ]
  },
  methods : {
    removeElement : function(index){
        this.items.$remove(index);
    }
  }
})
</code></pre>

<p>below is my HTML code</p>

<pre><code>&lt;ul id="example-1"&gt;
  &lt;li v-for="(key, item) in items"&gt;
    {{ item.message }}
    &lt;button v-on:click="removeElement(key)"&gt;remove&lt;/button&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>