vue 中的虛擬DOM有什么好處?快!
首先了解瀏覽器顯示網頁經歷的5個過程
1、解析標簽,生成元素樹(DOM樹)
2、解析樣式,生成樣式樹
3、生成元素與樣式的關系
4、生成元素的顯示坐標
5、顯示頁面
修改真實DOM
每修改一個元素,那么這5個過程都要重新走一次。修改10個元素就走10遍。
修改虛擬DOM
虛擬DOM存儲在內存中,對10個元素的修改是在虛擬DOM中進行,修改完后,比較虛擬DOM和真實DOM的差異,當有差異時,再一次過去更新網頁的顯示,而不是走10遍過程。
虛擬 DOM 好處
速度快,減小了頁面渲染過程的次數