vue3 splice 怎么使用

在Vue3中，splice()方法的使用与JavaScript的Array.splice()方法相同。它用于修改数组，可以删除、添加或替换数组中的元素。

splice()方法的语法如下：

array.splice(start, deleteCount, item1, item2, ...)

参数说明：

• start：指定修改的起始位置，如果是负数，则表示从末尾开始计算的位置。
• deleteCount：可选参数，表示要删除的元素个数，如果为0，则不删除任何元素。
• item1, item2, ...：可选参数，表示要添加到数组的新元素。

示例：

// 删除数组中的元素
let arr = [1, 2, 3, 4, 5];
arr.splice(2, 1);
console.log(arr); // [1, 2, 4, 5]

// 添加新元素到数组中
arr.splice(2, 0, 6, 7);
console.log(arr); // [1, 2, 6, 7, 4, 5]

// 替换数组中的元素
arr.splice(2, 2, 8, 9);
console.log(arr); // [1, 2, 8, 9, 4, 5]

在Vue3中，可以将splice()方法用于响应式数组（如ref或reactive创建的数组）。当使用splice()方法修改数组时，Vue会自动检测到数组的变化并更新视图