目标编译过程
1.解析template模板,生成ast树,解析过程就是一段一段截取,根据截取到的字符串类型触发不同的钩子函数,并维护构建一个栈,以当前解析节点为父节点,在这之后的节点为父节点维护在栈中。如此循环解析template模板,生成ast树
2.优化阶段,遍历找出ast中的静态子树
3.代码生成阶段,生成html代码
vue模板编译
最新推荐文章于 2024-06-02 21:27:33 发布
目标编译过程
1.解析template模板,生成ast树,解析过程就是一段一段截取,根据截取到的字符串类型触发不同的钩子函数,并维护构建一个栈,以当前解析节点为父节点,在这之后的节点为父节点维护在栈中。如此循环解析template模板,生成ast树
2.优化阶段,遍历找出ast中的静态子树
3.代码生成阶段,生成html代码