vue源码学习——虚拟dom为何会出现

• 出现的情景

       我们都知道，操作页面结构是比较复杂的行为，如果要显示的UI很多，每个页面都一次性加载，那页面的性能可能要炸，所以vue的作者想到一个方法，预先把每个页面的UI用js写好了，这些UI对应的dom就是虚拟的dom，等到需要加载这个页面的时候再去操作dom，所以你会看到很多博客写有虚拟的dom也就是真实的dom，从这个角度理解，这句话完全没有问题

• 如何解决

       用一个对象去代表一个dom

   dom

<div>
    <p>123</p>
</div>

对应的virtual DOM

var Vnode = {
    tag: 'div',
    children: [
        { tag: 'p', text: '123' }
    ]
};