vue如何创建vnode_【Vue原理】Component - 源码版 之 创建组件VNode

写文章不容易，点个赞呗兄弟

专注 Vue 源码分享，文章分为白话版和 源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧

研究基于 Vue版本 【2.5.17】

如果你觉得排版难看，请点击 下面链接 或者 拉到 下面关注公众号也可以吧

今天就要开启我们 Component 探索之旅，旅途有点长，各位请坐好，不要睡着了

内容的主题是，Component 的创建过程，从调用 component，到 component 挂载，到底经历了什么？欢迎来到 component 的内心世界

建议可以先看看白话版

Component 创建，我主要分了两个流程

1、创建 组件 VNode

2、挂载 组件 DOM

每个流程涉及源码都很多，所以每个流程写一篇文章。没错了，今天讲的就是 创建组件 VNode

场景设置

首先，我们假定现在有这么一个模板，使用了 test 组件

然后页面噼里啪啦执行到了 准备挂载DOM 的步骤(之前的部分跟本主题无关，跳过)

然后页面准备执行渲染函数 render，嗯，就是执行上面模板生成的渲染函数，如下

没有错，我们的 Vue 已经走到了这一步，那么我们的突破口是什么？