你对 Vue.js 的 template 编译的理解?

简而言之,就是先转化成 AST 树,再得到的 render 函数返回 Vnode(Vue 的虚拟DOM节点)1、首先通过 compile 编译器把 template 编译成 AST 语法树(abstract syntax tree 即源代码的抽象语法结构的树状表现形式),compile 是 createCompiler 的返回值,createCompiler 是用以创建编译器的,另外 compile 还负责合并 option
2、然后 AST 会经过 generate(将 AST 语法树转化成 render funtion 字符串的过程)得到render
函数,render 的返回值是 Vnode,Vnode 是 Vue 的虚拟 DOM 节点,里面有(标签名、子节点、文本等等)

posted @ 2023-06-28 13:11  jialiangzai  阅读(66)  评论(0)    收藏  举报