对象结果对比图:
139_分析工程结构 - 图1

Vue3 app身上没有Vue2 vm身上那么多的属性。

Vue3 的Vue组件中,可以没有 div 根标签。

源码

main.js

//引入的不再是Vue构造函数了,引入的是一个名为 createApp 的工厂函数。

//构造函数的特点:
//  new 函数
//  首字母大写;

//工厂函数的特点:
//  不需要new,直接调用即可;
import { createApp } from 'vue'
//  
import App from './App.vue'

import './index.css'


/*复习:
之前Vue2的写法:
    new Vue({
        render:(h)=>{return h(App)}
    }).$mount('#app')

    //另外一个写法:
    const vm = new Vue({
        render:h => h(App)
    })
    vm.$mount('#app')
*/

//Vue3的完整写法:
//创建 应用实例对象app (类似于之前Vue2种的vm,但app比vm更轻):
const app = createApp(App)
//console.log('@@@', app)
//挂载
app.mount('#app')
//简写:
//此处就是直接调用的 createApp
//createApp(App).mount('#app')