1、利用对象的索引给对象添加键值对

点击插入按钮,结果页面并没有显示age值,但在控制台输出stu数组发现age已经添加进去【因为通过索引对对象添加或修改值是不会触发setter方法的,即使数据被修改了,vue也不知道】:

显示结果

控制台输出结果
2、改变数组的长度

点击缩小数组长度按钮后:

页面数据显示

控制台输出实际数据
3、vue无法检测对象内键值对的添加删除,所以可以利用Object.assign方法通过创建一个新的对象让它包含原对象的属性和新的属性,然后再赋值给vue中的数组,从而达到响应化的目的。


更改前的页面

更改后的页面