1️⃣ main.js

  1. // 引入的不再是 Vue 构造函数, 而是一个名为 createApp 的工厂函数
  2. import { createApp } from "vue";
  3. import App from "./App.vue";
  4. import router from "./router";
  5. import store from "./store";
  6. // 创建应用实例对象 - app( 类似于之前 Vue2 中的 vm, 但 app 比 vm 更轻量级 )
  7. const app = createApp(App);
  8. console.log(app);
  9. app.use(store).use(router).mount("#app");

2️⃣ vue2 和 vue3 对比

image.png
image.png

1️⃣ App.vue

image.png