Vue中数组对象中的某一项发生了变化 但是没有重新渲染页面

data() {
	return {
		arr: [
			{name: '小明', age: '14'},
			{name: '小黄', age: '15'},
			{name: '小蓝', age: '16'}
		]
	}
}

这是我们页面上渲染的数组（动态请求的数据 写到初始化里是为了方便观看）

这时候 我把小明的年龄改了 数据变了 但是页面并没有重新渲染

解决方案：

arr[0].age = 20;
let obj = arr[0];
arr.splice(开始位置index, 删除个数1, 添加项obj)