简而言之，就是先转化成AST树，再得到的render函数返回VNode（Vue的虚拟DOM节点）（ps:抽象语法树（abstract syntax tree或者缩写为AST），或者语法树）
详情步骤：
首先，通过compile编译器把template编译成AST语法树（abstract syntax tree 即 源代码的抽象语法结构的树状表现形式），compile是createCompiler的返回值，createCompiler是用以创建编译器的。另外compile还负责合并option。
然后，AST会经过generate（将AST语法树转化成render funtion字符串的过程）得到render函数，render的返回值是VNode，VNode是Vue的虚拟DOM节点，里面有（标签名、子节点、文本等等）
简而言之，就是先转化成AST树，再得到的render函数返回VNode（Vue的虚拟DOM节点）（ps:抽象语法树...
Vue.js 源码剖析 - 模板编译和组件化 模板编译简介 模板编译主要目的是将模板(template)转换为渲染...
完整版 ： vue.js 支持从html获取视图。支持template。有complier编译器，而complie...
关于不同构建版本 完整版vue.js的视图是写在HTML里或template选项的，由于有 compiler(编译...
Vue.js 的运行过程实际上包含两步。第一步，编译器将字符串模板（template）编译为渲染函数（render...
template分类： class template，function template template在编译时...
[TOC] Vue.js 基础部分包括 Vue.js的组成 （template, script,style） 模板...
先转化成AST树，再得到渲染函数，返回值为Vnode（虚拟DOM节点） 步骤分析：首先，通过编译编译器把模板编译成...
参考来源 7 Ways to Define a Component Template in Vue.js - Vu...
渲染优先级 优先使用render函数，没有才会使用template选项 编译的过程是将template编译成ren...
本文标题：Vue.js的template编译的理解
本文链接：https://www.haomeiwen.com/subject/ccgjpftx.html
网友评论