Vue3源码中组件挂载初始化时，如何处理props和slots的赋值与绑定？

本文共计5546个文字，预计阅读时间需要23分钟。

目录+前言提示+初始化组件+（1）setupComponent+（2）initProps+（3）initSlots+额外内容+总结+前言提示+上文我们分析了挂载组件主要调用了三个函数：+createComponentInstance（创建组件实例）+setupComponent（初始化）+

目录

• 前情提要
• 初始化组件
• (1).setupComponent
• (2).initProps
• (3).initSlots
• 额外内容
• 总结

前情提要

• 上文我们分析了挂载组件主要调用了三个函数: createComponentInstance(创建组件实例)、setupComponent(初始化组件)、setupRenderEffect(更新副作用)。并且上一节中我们已经详细讲解了组件实例上的所有属性，还包括emit、provide等的实现。本文我们将继续介绍组件挂载流程中的初始化组件。

本文主要内容

• 初始化props和slots的主要流程。
• 如何将传递给组件的属性分发给props和attrs(需要被透传的属性)。
• 用户自己实现了render函数，如何对其进行标准化。