vue3.0中组件是如何渲染的?

170 阅读1分钟

组件的模板决定了组件生成的 DOM 标签,而在 Vue.js 内部,一个组件想要真正的渲染生成 DOM,还需要经历“创建 vnode - 渲染 vnode - 生成 DOM” 这几个步骤。

下图详解组件渲染流程:

相关源码地址:

packages/runtime-dom/src/index.ts

packages/runtime-core/src/apiCreateApp.ts

packages/runtime-core/src/vnode.ts 

packages/runtime-core/src/renderer.ts

packages/runtime-dom/src/nodeOps.ts