在 Vue 中,有一些数组操作方法是专门为了处理响应式数组而提供的。这些方法会触发 Vue 的响应式更新机制,确保视图能够正确地响应数组的变化。
以下是 Vue 提供的数组操作方法:
1:push():向数组末尾添加一个或多个元素,并返回新的长度。
this.array.push('new item');
2:pop():移除数组的最后一个元素,并返回移除的元素。
const removedItem = this.array.pop();
3:shift():移除数组的第一个元素,并返回移除的元素。
const removedItem = this.array.shift();
4:unshift():向数组的开头添加一个或多个元素,并返回新的长度。
this.array.unshift('new item');
5:splice():从数组中添加/删除元素,可以实现删除、插入和替换元素的操作。
// 删除元素
this.array.splice(index, 1);
// 插入元素
this.array.splice(index, 0, 'new item');
// 替换元素
this.array.splice(index, 1, 'new item');
6:sort():对数组进行原地排序,也可以传入一个比较函数进行自定义排序。
this.array.sort();