3.1 app的创建

本节开始进入vue3的首次渲染分析。对于patch函数的细节本节会直接跳过，只讨论相关的代码。

在2.3节中讲到首次渲染分为两步一步是app的创建一步是渲染。

app创建

在我们的代码里面都有如下的代码

import { createApp } from 'vue';
import './style.css';
import App from './App.vue';

createApp(App).mount('#app');

createApp函数返回的就是app对象。mount函数实际上是有返回值的为了区分将上图中的craeteApp和mount分开得到。app 的创建是下图中的第5行。

import { createApp } from 'vue';
import './style.css';
import App from './App.vue';

const app = createApp(App);

app.mount('#app');