文件区别

main.js

• 引入的不再是 Vue 的构造函数，而是 createApp 的工厂函数

Vue2

import Vue from 'vue'
import App from './App.vue'

new Vue({
  el: '#root',
  render: h => h(App)
})

Vue3

import { createApp } from 'vue'
import App from './App.vue'

// createApp(App).mount('#app')
// 创建应用的实例对象--app（类似于Vue2中的vm，但是比它更轻，属性更少）
const app = createApp(App)
app.mount('#app')