vue实现检测数组
Vue 检测数组变化的方法
Vue 的响应式系统默认无法检测到数组的某些变化，需要使用特定方法或技巧确保数组变化被响应。
使用 Vue.set 或 this.$set
对于数组索引的直接赋值，Vue 无法检测。应使用 Vue.set 或实例方法 this.$set：
this.$set(this.items, index, newValue)使用数组变异方法
Vue 包装了以下数组方法，调用这些方法可触发视图更新：
push()pop()shift()unshift()splice()sort()reverse()
this.items.push(newItem)替换整个数组
通过返回新数组的方式替换原数组：
this.items = this.items.filter(item => item.valid)使用 watch 监听数组
深度监听数组变化：
watch: {
items: {
handler(newVal) {
// 处理变化
},
deep: true
}
}使用 computed 属性
通过计算属性派生数组状态：
computed: {
filteredItems() {
return this.items.filter(item => item.active)
}
}注意事项
- 直接通过索引修改项（如
this.items[0] = value）不会触发更新 - 修改数组长度（如
this.items.length = 0）不会触发更新 - 对于嵌套对象，需确保使用响应式方法修改内部属性
