VUEJS удаляет элемент из списков?

можно удалить определенный элемент из списков. Я пробовал эти функции для удаления элемента

pop() = удалить последний элемент

$remove (index) = не удалять элемент из списков

remove (index) = undefined function

unshift (index) = добавить новый и пустой элемент

splice (index) = удалить все элементы из индекса

пожалуйста, помогите мне удалить определенный элемент из списков.

ниже мой код js

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

ниже мой HTML-код

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

Ответы

methods: {
  removeElement: function (index) {
    this.items.splice(index, 1);
  }
}

Vue.delete(this.items, index);