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

很简单的人

已于 2022-07-27 17:04:17 修改

阅读量129

点赞数

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

于 2022-07-21 11:36:25 首次发布

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

版权

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

18 篇文章 1 订阅

订阅专栏

runtime-core\src\renderer.ts

4 篇文章 0 订阅

订阅专栏

该段代码描述了虚拟DOM的渲染过程。当vnode为空时执行卸载操作，否则进行DOM的更新。这确保了UI与数据模型的一致性，并优化了更新性能。最后，调用flushPostFlushCbs来处理后续任务，并更新container的_vnode属性。

摘要由CSDN通过智能技术生成

render

如果vnode为空执行 unmount；否则 patch

  const render: RootRenderFunction = (vnode, container, isSVG) => {
    if (vnode == null) {
      if (container._vnode) {
        unmount(container._vnode, null, null, true)
      }
    } else {
      patch(container._vnode || null, vnode, container, null, null, null, isSVG)
    }
    flushPostFlushCbs()
    container._vnode = vnode
  }