vue3源码阅读【runtime-core\src\renderer.ts】【processComponent】

最新推荐文章于 2024-07-09 15:39:24 发布

很简单的人

最新推荐文章于 2024-07-09 15:39:24 发布

阅读量119

点赞数

分类专栏： runtime-core\src\renderer.ts vue3源码文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_38862234/article/details/125855973

版权

vue3源码同时被 2 个专栏收录

18 篇文章 1 订阅

订阅专栏

runtime-core\src\renderer.ts

4 篇文章 0 订阅

订阅专栏

processComponent

执行 processComponent 时，如果 n1 为空，说明了mount 过程调用，执行 mountComponent ；否则就是 updateComponent

const processComponent = (
    n1: VNode | null,
    n2: VNode,
    container: RendererElement,
    anchor: RendererNode | null,
    parentComponent: ComponentInternalInstance | null,
    parentSuspense: SuspenseBoundary | null,
    isSVG: boolean,
    slotScopeIds: string[] | null,
    optimized: boolean
  ) => {
    n2.slotScopeIds = slotScopeIds
    if (n1 == null) {
      if (n2.shapeFlag & ShapeFlags.COMPONENT_KEPT_ALIVE) {
        ;(parentComponent!.ctx as KeepAliveContext).activate(
          n2,
          container,
          anchor,
          isSVG,
          optimized
        )
      } else {
        mountComponent(
          n2,
          container,
          anchor,
          parentComponent,
          parentSuspense,
          isSVG,
          optimized
        )
      }
    } else {
      updateComponent(n1, n2, optimized)
    }
  }