JasonChen

前面我们分别分析了 有状态 和 无状态 组件的渲染更新，除此之外 组件 还定义了一些 生命周期 钩子函数，具体可查看 官方文档，本篇就来逐一分析各个生命周期钩子函数是如何调用的。

前言 我们知道 组件 分为 有状态组件 和 无状态组件，上篇我们已经分析了 无状态组件，本篇我们就来讲解下 有状态组件 的挂载更新。

前言 前面我们分析了 render 函数对 虚拟 DOM 的渲染、更新、删除等，以及 DOM 的属性、样式、事件的挂载更新，本篇我们就来看下render函数是如何对component 组件进行挂载更新

前言 上篇我们分析了 render 函数对 HTML 标签属性、 DOM 属性、Style 样式、Event 事件的挂载更新，那么对于 Vue 特殊的 DOM 类型，比如 Text、Comment

前言 前面两篇我们分析了 render 函数是如何对 DOM 进行渲染、更新、删除的。除此之外，DOM 的其他属性，比如 type、value 等，以及样式 style、事件处理 的渲染及更新

前言 上一篇我们分析了 render 函数是如何将 虚拟 DOM 渲染为 真实 DOM 的过程，本篇我们就来看下 render 函数是如何实现 DOM 更新的。

前言 runtime 文中我们了解到，Vue 通过 h 函数生成 VNode 对象，再通过 render 函数将 VNode 对象渲染为真实 DOM。

前言 上篇 runtime 文中我们了解到，虚拟 DOM 是 Vue 在运行时，通过 h 函数获取到 VNode 对象，本篇我们就来看下 h 函数是如何实现的。

前言 当设计一个框架时，我们通常会选择 纯运行时、纯编译时、运行时 + 编译时 这三种。这里我们来聊聊 Vue3 源码中的 runtime 运行时