Vue2从template到render模板编译入口是如何一步步实现的？

本文共计1544个文字，预计阅读时间需要7分钟。

目录

1.正文

1.1 模板：获取模板 1.2 createCompiler：核心参数 1.3 createCompileToFunctionFn：缓存处理 1.4 compile：参数合并、小结、正文

1.1 模板：获取模板 获取Vue模板内容。

1.2 createCompiler：核心参数 创建编译器实例，设置核心参数。

1.3 createCompileToFunctionFn：缓存处理 创建编译到函数的函数，实现缓存逻辑。

1.4 compile：参数合并、小结、正文 合并参数，进行编译，小结编译过程，正文描述Vue渲染过程中的核心逻辑。

目录

• 正文
• 1、template：模板获取
• 2、createCompiler：核心参数
• 3、createCompileToFunctionFn：缓存处理
• 4、compile:参数合并
• 小结

正文

在vue的渲染过程中，渲染核心逻辑是vm._update(vm._render(), hydrating)，通过vm._render的执行获取到vNode，再通过vm._update的执行来将vNode渲染成真实视图。