基本介绍
在「Vue3」中,创建一个组件实例由 createApp 「API」完成。创建完一个组件实例,我们需要调用 mount() 方法将组件实例挂载到页面中:
createApp({
...
}).mount("#app");
在源码中整个组件的创建过程:
mountComponent() 实现的核心是 setupComponent(),它可以分为两个过程:
- 开始安装,它会初始化
props、slots、调用setup()、验证组件和指令的合理性。 - 结束安装,它会初始化
computed、data、watch、mixin和生命周期等等。
那么,接下来我们来详细地分析一下这两个过程。