vue2 重写数组方法

在 Vue.js 2.x 中，为了实现响应式的数组，你可以使用下面的方法重写数组的方法：

1. push：使用 `Array.prototype.push` 方法，然后手动调用 `Vue.set` 更新数组，例如：

this.array.push(newItem);
Vue.set(this.array, this.array.length - 1, newItem);

2. pop：使用 `Array.prototype.pop` 方法，然后手动调用 `Vue.delete` 删除最后一个元素，例如：

const deletedItem = this.array.pop();
Vue.delete(this.array, this.array.length);

3. shift：使用 `Array.prototype.shift` 方法，然后手动调用 `Vue.delete` 删除第一个元素，例如：

const deletedItem = this.array.shift();
Vue.delete(this.array, 0);

4. unshift：使用 `Array.prototype.unshift` 方法，在调用之前手动调用 `Vue.set` 更新数组的长度，例如：

this.array.unshift(newItem);
Vue.set(this.array, 0, newItem);

5. splice：使用 `Array.prototype.splice` 方法，然后手动调用 `Vue.delete` 删除或添加元素，例如：

// 删除元素
const deletedItems = this.array.splice(startIndex, deleteCount);
for (let i = 0; i < deleteCount; i++) {
  Vue.delete(this.array, startIndex + i);
}

// 添加元素
this.array.splice(startIndex, 0, ...newItems);
for (let i = 0; i < newItems.length; i++) {
  Vue.set(this.array, startIndex + i, newItems[i]);
}

通过手动调用 `Vue.set` 和 `Vue.delete`，你可以确保数组的变化能够触发 Vue.js 的响应式更新。

注意：以上方法适用于 Vue.js 2.x，在 Vue.js 3.x 中，你可以直接使用原生数组方法，因为 Vue.js 3.x 支持了 Proxy 来实现更好的响应式机制。