前端面试题 | 为什么有些数组的变更不能被VUE检测到？

一、什么样的数组变更不能被检测到呢?

• 通过索引修改数组的值
• 通过修改长度改变数组
• 调用Array.prototype上的方法

二、那么要改变数组的方法就可以使用什么呢？

只有使用vue文档中列出来的数组方法，才能实现数组的改变，包括

• push(）
• pop()
• shift()
• unshift()
• splice()
• reverse()
• sort() 

这些方法都可改变原数组，并且能够被检测到，这7个方法是vue包装之后方法

三、 为什么要重写数组的方法呢？

• vue的响应式是通过Object.defineProperty()实现的，这个api没办法监听数组的长度变化，也就没办法监听数组的新增
• Vue无法检测通过数组索引改变数组的操作，这不是Object.defineProperty() api的原因，对数组进行响应式检测会带来很大的性能消耗，因为数组项可能会很大，所以为了更友好的操作数组并触发响应式检测，Vue重写了对数组引起副作用的方法。