一、虚拟DOM本质
1.真实DOM原理：是由JS引擎创建DOM后，识别为API，发送到浏览器内核中，由渲染主线程进行渲染，最终将结果返回给JS引擎。
2.什么是虚拟DOM:就是JS对象，是创建DOM对象是在JS引擎终进行的。
二、模板的本质
1、流程：进行了模板编译器最终生成了模板（解析器-模板AST-转换器-JS AST-生成器(render)-编译器）
2、在什么时候开始编译：打包的时候，运行代码的时候
三、组件树和DOM树：
1、什么是组件树：相关联的组件称为组件树
2、什么是DOM树：一个个组件
3、为什么 Vue 中既有响应式，又有虚拟 DOM 以及 diff 算法：
在vue1，2中涉及到了watcher，模板中每次引用一个，就会生成一个watcher，
为了解决这个问题，后面vue变更了逻辑，在vue2，vue3中给每一个组件生成一个watcher，
不过会造成一个问题：不知道这个组件里面具体那个位置发生了变更，为了解决这个问题，就用虚拟dom的diff算法解决这个问题。
四、数据拦截的本质：
1、作用：在突然需要给某个对象方法配置属性，使用数据拦截方法进行操作，好处是有很多提供的api方法（比如：枚举方法，set，get）
2、 在vue1，vue2中提供的方法是：object.defineProperty,而在vue3提供的方法是proxy（客户使用代理的方法去修改）
3、相同点：1、都可以进行对对象拦截；2.可以对两者读写拦截；3.可以进行深度拦截
4、不同点：1.object.defineProperty适用于特定的数据结构进行读写操作，而proxy针对的对象（读写，赋值，删除，原型，函数调用都支持）
标签：DOM,本质,JS,组件,拦截,模板 From： https://www.cnblogs.com/wsx8/p/18542686