数组迭代删除是Vue中常用的操作。在Vue.js中，如果我们想要在循环中操作数组，例如添加、修改或删除数组中的元素，我们必须遵循一些特定的规则。

// 数组操作
data() {
return {
items: [
{ name: 'Tom', age: 20},
{ name: 'Jerry', age: 18},
{ name: 'Harry', age: 25}
]
}
},
methods: {
deleteItem(index) {
this.items.splice(index, 1)
}
}

如上是一个简单的数组操作示例。在这个示例中，我们有一个名为items的数组，并且我们有一个叫做deleteItem的方法，该方法用于删除这个数组中的元素。

现在让我们仔细看一下该方法的实现方式。在这个方法中，我们使用了splice方法来删除数组中的元素。splice方法是JavaScript内置的方法之一，它允许我们从数组中添加或删除元素。在这里，我们使用splice方法的第一个参数来指定我们想要删除的元素的索引，第二个参数来指定我们希望删除的元素数量。

// 在循环中操作数组

• {{item.name}} {{item.age}}Delete

上例中，我们使用了v-for指令遍历items数组。在这个循环中，我们使用了index参数，该参数用于在我们调用deleteItem方法时传递行的索引。

如果我们要删除数组中多个元素，我们可以使用forEach()。这里，我们遍历一遍数组并删除每个元素。如下：

// 删除多个元素
removeElements() {
let elementsToRemove = [1, 3, 5];
elementsToRemove.forEach(index =>{
this.items.splice(index, 1);
});
}

在上述示例中，我们有一个包含我们希望删除的元素索引的数组elementsToRemove。我们使用forEach方法来遍历该数组，并依次删除该数组中的元素。

在Vue.js中，我们也可以使用过滤器来过滤我们的数组。过滤器是一种用于在Vue.js中处理数组的方法。使用Vue.js中的过滤器，我们可以轻松地过滤我们数组中的元素并对其进行操作。

// 使用过滤器

• {{item.name}} {{item.age}}

在上述示例中，我们使用过滤器filterBy来过滤名字为Harry的项。在filterBy方法中，我们首先指定我们希望过滤的内容，接着指定我们希望要过滤的数组中的key。最后，在v-for指令中，我们只需要指定适用于过滤器后的数组即可。

总的来说，使用数组迭代删除是Vue.js中极其常见的操作。无论你希望删除一个单独的数组项，还是希望删除多个项，Vue.js都提供了丰富的方法，可以简化你的开发工作。