前端每日一题（10.18题目+10.17答案）

说一下在 Vue2.x 中如何检测数组的变化？

Vue2.x 中实现检测数组变化的方法，是将数组的常用方法进行了重写。Vue 将 data 中的数组进行了原型链重写，指向了自己定义的数组原型方法。这样当调用数组 api 时，可以通知依赖更新。如果数组中包含着引用类型，会对数组中的引用类型再次递归遍历进行监控。这样就实现了监测数组变化。

流程:

1. 初始化传入 data 数据执行 initData
2. 将数据进行观测 new Observer
3. 将数组原型方法指向重写的原型
4. 深度观察数组中的引用类型

有两种情况无法检测到数组的变化。

• 当利用索引直接设置一个数组项时，例如 vm.items[indexOfItem] = newValue
• 当修改数组的长度时，例如 vm.items.length = newLength

不过这两种场景都有对应的解决方案。

• 利用索引设置数组项的替代方案

//使用该方法进行更新视图
vm.$set，Vue.set的一个别名
vm.$set(vm.items, indexOfItem, newValue)

• 修改数组的长度的替代方案

//使用该方法进行更新视图
Array.prototype.splice
vm.items.splice(indexOfItem, 1, newValue)