vue为什么不能检测数组的变化无法检测通过索引改变数组的操作。我们来测试一下看看。以下例子，对遍历数组中的每一项，用O

前言

Vue2.0对于响应式数据的实现有一些不足：

无法检测数组/对象的新增
无法检测通过索引改变数组的操作。

Vue2.0中响应式数据是通过Object.defineProperty实现，因此无法检测数组/对象的新增，但为什么无法检测到通过索引改变数组的操作呢？也是因为Object.defineProperty的原因么？官方文档中对于这两点都是简要的概括为“由于JavaScript的限制”无法实现，而Object.defineProperty是实现检测数据改变的方案，那这个限制是指Object.defineProperty吗？

无法检测数组的索引变化？

我们来测试一下看看。以下例子，对遍历数组中的每一项，用Object.defineProperty对其进行监测

function defineReactive(data, key, value) {
	 Object.defineProperty(data, key, {
		 enumerable: true,
		 configurable: true,
		 get: function defineGet() {
			 console.log(`get key: ${key} value: ${value}`)
			 return value
		 },
		 set: function defineSet(newVal) {
			 console.log(`set key: ${key} value: ${newVal}`)
			 value = newVal
		 }
	 })
}
 
function observe(data) {
	Object.keys(data).forEach(function(key) {
		defineReactive(data, key, data[key])
	})
}
 
let arr = [1, 2, 3]
observe(arr)