這篇文章主要為大家展示了“vue單一組件下如何動態(tài)修改數(shù)據(jù)時的全部重渲染”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“vue單一組件下如何動態(tài)修改數(shù)據(jù)時的全部重渲染”這篇文章吧。

目前成都創(chuàng)新互聯(lián)公司已為成百上千家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)站空間、網(wǎng)站托管運營、企業(yè)網(wǎng)站設計、南川網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

在某一組件下的某一數(shù)據(jù)通過點擊事件被動態(tài)修改的時候，對應view中的數(shù)據(jù)同步的進行了修改，沒錯，這不是廢話嗎，vue的一大特色就是數(shù)據(jù)的雙向綁定?？捎腥さ氖?，該組件下我寫的另一個用Math.random()的data值對應的值和視圖也發(fā)生了變化

這就讓我這個剛入門的小白有點奇怪了，我修改一個，怎么變了兩個？？？？腦洞放開一想，會不會數(shù)據(jù)在雙向同步的時候，發(fā)生了什么，比如。是不是只要有一個節(jié)點變了，node都重新進行了加載？？？

我想這其中的緣由必定和vue數(shù)據(jù)的雙向綁定的原理有關聯(lián)，就搜索了一番，果然發(fā)現(xiàn)了些東西，就是DocumentFragment，之前好像見過，但沒怎么重視。那么它是用來干啥的呢:

DocumentFragment（文檔片段）可以看作節(jié)點容器，它可以包含多個子節(jié)點，當我們將它插入到 DOM 中時，只有它的子節(jié)點會插入目標節(jié)點，所以把它看作一組節(jié)點的容器。使用 DocumentFragment 處理節(jié)點，速度和性能遠遠優(yōu)于直接操作 DOM。

手動劃重點：Vue 進行編譯時，就是將掛載目標的所有子節(jié)點劫持（真的是劫持，通過 append 方法，DOM 中的節(jié)點會被自動刪除）到 DocumentFragment 中，經(jīng)過一番處理后，再將 DocumentFragment 整體返回插入掛載目標。

以上是“vue單一組件下如何動態(tài)修改數(shù)據(jù)時的全部重渲染”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！