vdom 和 diff 背景 基于组件化，数据驱动视图。只需关心数据，无需关系 DOM ，好事儿。 但是，JS 运行非常快，DOM 操作却非常慢，如何让“数据驱动视图”能快速响应？ 引入 vdom 用 vnode 表示真实 DOM 结构  <div id="div1" class="container"><p>vdom</p><ul style="font-size: 20px">

vdom 结构 浏览器原生dom对象，本身就是一个非常复杂的对象，单单把 div 这个dom对象拿出来，遍历它的属性，将是一个庞大的存在因为浏览器的标准就是把这个dom设计的非常复杂，所以当我们去频繁的操作dom的话，一定会有一些性能问题vdom(Virtual DOM), 其实就是用一个原生的js对象去描述一个dom节点，它的创建比创建一个真实的dom的代价要小很多在vue.js中的 vdom

一、vue 中为什么需要虚拟DOM 1.1本概念 基本上所有框架都引入了虚拟 DOM 来对真实 DOM 进行抽象，也就是现在大家所熟知的VNode 和VDOM ·Virtual DOM 就是用js 对象来描述真实 DOM，是对真实 DOM 的抽象，由于直接操作 DOM 性能低但是is 层的操作效率高，可以将 D