Vue3组件挂载时如何创建组件实例详解？

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

目录+前言提示+mountComponent+总结+前言提示+上文我讲解了执行+createApp(App).mount()

目录

• 前情提要
• mountComponent
• 创建组件实例
• 总结

前情提要

上文我们讲解了执行createApp(App).mount('#root')中的mount函数，我们分析了创建虚拟节点的几个方法，以及setRef的执行机制、本文我们继续讲解mountComponent，挂载组件的流程。

本文主要内容

• createComponentInstance发生了什么？
• 如何标准化组件定义的props、emits?
• 为什么provide提供的值子组件都能访问到？
• 组件的v-model实现原理、组件v-model修饰符实现原理。
• 组件emit实现原理。
• once修饰符实现原理。
• 几乎所有组件实例属性的详细讲解。