雙向綁定

數(shù)據(jù)變化 - 更新視圖

視圖變化 - 數(shù)據(jù)變化

通過(guò)Object.defineProperty對(duì)數(shù)據(jù)的監(jiān)聽(tīng)來(lái)實(shí)現(xiàn)vue的雙向綁定，然后通過(guò)虛擬DOM來(lái)對(duì)比之間的最小差異更新實(shí)現(xiàn)性能的優(yōu)化，key的作用就是用來(lái)識(shí)別一些較小的差異來(lái)優(yōu)化性能，沒(méi)有key的話vue會(huì)直接將變化的DOM元素刪除，添加一個(gè)新的元素。

這樣我們就可以在一些雙向綁定時(shí)數(shù)據(jù)或試圖沒(méi)有同時(shí)更新時(shí)，通過(guò)對(duì)元素綁定key值已達(dá)到雙向綁定的效果