Vue.js 2.0更新之增加Virtual DOM講解

標籤：講解   2.0   get   pre   end   產生   script   href   class   

Virtual DOM是什嗎？
在之前，React和Ember早就開始用虛擬DOM技術來提高頁面更新的速度了。 若想瞭解它是如何工作的，就要先認清這幾個概念：
1.更新DOM是非常昂貴的操作
當我們使用Javascript來修改我們的頁面，瀏覽器已經做了一些工作，以找到DOM節點變更，例如：

document.getElementById(‘myId‘).appendChild(myNewNode);

在現代的應用中，會有成千上萬數量個DOM節點。所以因更新的時候產生的計算非常昂貴。瑣碎且頻繁的更新會使頁面緩慢，同時這也是不可避免的。
2.我們可以用JavaScript對象來代替DOM節點
DOM節點在HTML文檔中的表現通常是這樣的：

閱讀更多，請移步

Vue.js 2.0更新之增加Virtual DOM講解