這篇文章主要為大家展示了“vue單一組件下如何動(dòng)態(tài)修改數(shù)據(jù)時(shí)的全部重渲染”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“vue單一組件下如何動(dòng)態(tài)修改數(shù)據(jù)時(shí)的全部重渲染”這篇文章吧。
在某一組件下的某一數(shù)據(jù)通過(guò)點(diǎn)擊事件被動(dòng)態(tài)修改的時(shí)候，對(duì)應(yīng)view中的數(shù)據(jù)同步的進(jìn)行了修改，沒(méi)錯(cuò)，這不是廢話嗎，vue的一大特色就是數(shù)據(jù)的雙向綁定?？捎腥さ氖牵摻M件下我寫的另一個(gè)用Math.random()的data值對(duì)應(yīng)的值和視圖也發(fā)生了變化
這就讓我這個(gè)剛?cè)腴T的小白有點(diǎn)奇怪了，我修改一個(gè)，怎么變了兩個(gè)？？？？腦洞放開(kāi)一想，會(huì)不會(huì)數(shù)據(jù)在雙向同步的時(shí)候，發(fā)生了什么，比如。是不是只要有一個(gè)節(jié)點(diǎn)變了，node都重新進(jìn)行了加載？？？
我想這其中的緣由必定和vue數(shù)據(jù)的雙向綁定的原理有關(guān)聯(lián)，就搜索了一番，果然發(fā)現(xiàn)了些東西，就是DocumentFragment，之前好像見(jiàn)過(guò)，但沒(méi)怎么重視。那么它是用來(lái)干啥的呢:
DocumentFragment（文檔片段）可以看作節(jié)點(diǎn)容器，它可以包含多個(gè)子節(jié)點(diǎn)，當(dāng)我們將它插入到 DOM 中時(shí)，只有它的子節(jié)點(diǎn)會(huì)插入目標(biāo)節(jié)點(diǎn)，所以把它看作一組節(jié)點(diǎn)的容器。使用 DocumentFragment 處理節(jié)點(diǎn)，速度和性能遠(yuǎn)遠(yuǎn)優(yōu)于直接操作 DOM。
手動(dòng)劃重點(diǎn)：Vue 進(jìn)行編譯時(shí)，就是將掛載目標(biāo)的所有子節(jié)點(diǎn)劫持（真的是劫持，通過(guò) append 方法，DOM 中的節(jié)點(diǎn)會(huì)被自動(dòng)刪除）到 DocumentFragment 中，經(jīng)過(guò)一番處理后，再將 DocumentFragment 整體返回插入掛載目標(biāo)。
以上是“vue單一組件下如何動(dòng)態(tài)修改數(shù)據(jù)時(shí)的全部重渲染”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道！
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
重慶分公司
重慶分公司
