什么是虚拟DOM

就是js对象，然后通过编译器，编译出各个环境对应的内容

框架设计

react vue 框架设计的，就没有办法细粒度更新，数据变化最小更新颗粒度就是组件

例如：界面 a内容变了，就要去更新a，只能定位到组件，不能精准的定位到一个dom元素上，如果里面有好多直接操作真实dom的动作，这样成本太高了，所以需要引入虚拟dom

通过虚拟DOM和真实DOM的对比，来判断界面上需要更新的内容

为什么要设计成这样？因为是从心智成本、维护成本、性价比等原因考虑的

如果直接绑定真实dom的话，这个框架就只能运行在浏览器环境中了