甚么是交互式dom？
交互式dom其本质上就是两个一般的JS第一类，用作叙述快照的介面内部结构
在vue中，每一组件都有两个render表达式，每一render表达式单厢回到两个交互式dom树，这也就意味著每一组件都相关联一棵交互式DOM树
为甚么须要交互式dom？
在vue中，图形快照会调用render表达式，这种图形不但出现在组件建立时，与此同时出现在快照倚赖的统计数据预览时。假如在图形时，间接采用真实世界DOM，由于真实世界DOM的建立、更新、填入等操作形式会增添大批的操控性耗损，进而就会很大的减少图形工作效率。
因而，vue在图形时，采用交互式dom来代替真实世界dom，主要就为化解图形工作效率的问题。
交互式dom是怎样切换为真实世界dom的？
在两个组件示例首度被图形时，它老先生成交互式dom树，接着依照交互式dom树建立真实世界dom，并把真实世界dom装载到网页中最合适的边线，这时，每一交互式dom便会相关联两个真实世界的dom。
假如两个组件受积极响应式统计数据变动的负面影响，须要再次图形时，它依然会再次调用render表达式，建立出两个捷伊交互式dom树，用丫蕊和旧树对照，透过对照，vue会找出最轻预览量，接着预览必要性的真实世界dom结点
如此一来，就确保了对真实世界dom达至最轻的更动。
模版和交互式dom的亲密关系
vue架构两个compile组件，它主要就负责管理将模版切换为render表达式，而render表达式调用后将获得交互式dom。
校对的操作过程分三步：
将模版数组切换成为AST
将AST切换为render表达式
假如采用现代的导入形式，则校对天数出现在组件第二次读取时，这称作运转时校对。
假如是在vue-cli的默认配置下，校对出现在打包时，这称作模版预校对。
校对是两个极其耗费操控性的操作形式，预校对可以有效的提高运转时的操控性，而且，由于运转的时候已不须要校对，vue-cli在打包时会排除掉vue中的compile组件，以减少打包体积
模版的存在，仅仅是为了让开发人员更加方便的书写介面代码
vue最终运转的时候，最终须要的是render表达式，而不是模版，因而，模版中的各种语法，在交互式dom中都是不存在的，它们单厢变成交互式dom的配置
