在Vue 2中，底層是通過(guò)重寫(xiě)數(shù)組的原型方法來(lái)實(shí)現(xiàn)對(duì)數(shù)組變化的監(jiān)聽(tīng)。具體來(lái)說(shuō)，Vue 2使用了一個(gè)名為Observer的類來(lái)劫持?jǐn)?shù)組的原型方法，使其在調(diào)用這些方法時(shí)能夠觸發(fā)相應(yīng)的變化通知。
當(dāng)Vue 2初始化一個(gè)響應(yīng)式對(duì)象時(shí)，如果對(duì)象是一個(gè)數(shù)組，Vue會(huì)將數(shù)組的原型指向一個(gè)經(jīng)過(guò)改造的Array原型對(duì)象。這個(gè)改造后的原型對(duì)象中重寫(xiě)了數(shù)組的一些常用方法，如push、pop、shift、unshift、splice、sort和reverse等。當(dāng)調(diào)用這些方法時(shí)，Vue會(huì)在內(nèi)部進(jìn)行一系列的操作，包括觸發(fā)變化通知、更新視圖等。
具體來(lái)說(shuō)，當(dāng)調(diào)用數(shù)組的變異方法時(shí)（如push、pop、shift、unshift、splice、sort和reverse），Vue會(huì)執(zhí)行以下步驟：
-
調(diào)用原始的數(shù)組方法，對(duì)數(shù)組進(jìn)行相應(yīng)的變異操作。
-
在執(zhí)行變異操作后，Vue會(huì)觸發(fā)一個(gè)通知，通知相關(guān)的依賴（如視圖）進(jìn)行更新。
-
在通知的過(guò)程中，Vue會(huì)遍歷數(shù)組的所有觀察者（Observer）并調(diào)用它們的更新方法，以更新相關(guān)的依賴。
通過(guò)這種方式，Vue能夠?qū)崟r(shí)地捕獲數(shù)組的變化，并及時(shí)更新相關(guān)的依賴，從而實(shí)現(xiàn)對(duì)數(shù)組的監(jiān)聽(tīng)和響應(yīng)。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-658825.html
需要注意的是，Vue 2只能監(jiān)聽(tīng)到通過(guò)變異方法對(duì)數(shù)組進(jìn)行的變化，而無(wú)法監(jiān)聽(tīng)到直接修改數(shù)組某個(gè)元素或使用非變異方法（如filter、concat等）對(duì)數(shù)組進(jìn)行的變化。如果需要監(jiān)聽(tīng)這些非變異的數(shù)組變化，可以使用watch選項(xiàng)或$watch方法來(lái)手動(dòng)監(jiān)聽(tīng)數(shù)組的變化。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-658825.html
到了這里，關(guān)于vue2 如何監(jiān)聽(tīng)數(shù)組的變化的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
