1、利用對(duì)象的索引給對(duì)象添加鍵值對(duì)

點(diǎn)擊插入按鈕，結(jié)果頁面并沒有顯示age值，但在控制臺(tái)輸出stu數(shù)組發(fā)現(xiàn)age已經(jīng)添加進(jìn)去【因?yàn)橥ㄟ^索引對(duì)對(duì)象添加或修改值是不會(huì)觸發(fā)setter方法的，即使數(shù)據(jù)被修改了，vue也不知道】：

顯示結(jié)果

控制臺(tái)輸出結(jié)果

2、改變數(shù)組的長度

點(diǎn)擊縮小數(shù)組長度按鈕后：

頁面數(shù)據(jù)顯示

控制臺(tái)輸出實(shí)際數(shù)據(jù)

3、vue無法檢測(cè)對(duì)象內(nèi)鍵值對(duì)的添加刪除，所以可以利用Object.assign方法通過創(chuàng)建一個(gè)新的對(duì)象讓它包含原對(duì)象的屬性和新的屬性，然后再賦值給vue中的數(shù)組，從而達(dá)到響應(yīng)化的目的。

更改前的頁面

更改后的頁面