【ChatGPT带你学Vue】Vue3 核心源码解析（1）createApp 、h函数、nextTick

首先安利一个非常好用的小站，清晰地梳理了Vue3源码的一些核心模块，结合ChatGPT插件的代码解释功能一起阅读，无比丝滑！下面就记录一下AI帮我分析的源码相关内容。

再次感谢原作者，本篇对应的原文章链接： CreateApp

---

目录

​​​​​​​createApp

概览

createApp实现

rendererOptions和ensureRenderer实现

createRenderer实现

baseCreateRenderer实现

createAppAPI 实现

createAppContext 实现

h函数

概览

 h函数实现

_createVNode 实现

 

nextTick 

概览

queueJob 和 queuePostFlushCb实现

queueFlush实现

flushJobs实现

关于queueJob及queuePostFlushCb的调用时机 

---

createApp

概览

createApp函数是Vue的启动函数，用于返回一个Vue应用程序实例。这部分的文章讨论了CreateApp函数的实现细节，并解释了其中的关键部分，如ensureRenderer和baseCreateRenderer。ensureRenderer用于创建渲染器，而baseCreateRenderer用于实现vnode、diff和patch，最终返回一个对象，其中包含处理DOM节点操作和其他相关内容的方法。createApp方法用于创建一个Vue应用程序实例，涉及到了createAppContext、baseCreateRenderer和createAppAPI等方法的实现。

createApp实现

export const createApp = ((...args) => {
  const app = ensureRenderer().createApp(...args)

  if (__DEV__) {
    injectNativeTagCheck(app)
  }

  const { mount } = app
  app.mount = (containerOrSelector: Element | string): any => {
    const container = normalizeContainer(containerOrSelector)
    if (!container) return
    const component = app._component
    if (!isFunction(component) && !component.render && !component.template) {
      component.template = container.innerHTML