『VUE』36. Vue的应用概念（分析流程）

---

欢迎关注 『VUE』 专栏，持续更新中
欢迎关注 『VUE』 专栏，持续更新中

创建应用

首先引入createApp ,然后借助createApp 创造一个app对象

main.js

import { createApp } from "vue";
import App from "./App.vue";

const app = createApp(App);

---

挂载应用

将应用实例挂载在一个容器元素中。
通过mount挂载才会渲染等一系列工作.
参数可以是一个实际的 DOM 元素或一个 CSS 选择器 (使用第一个匹配到的元素)。返回根组件的实例。
如果该组件有模板或定义了渲染函数，它将替换容器内所有现存的 DOM 节点。否则在运行时编译器可用的情况下，容器元素的 innerHTML 将被用作模板。

在 SSR 激活模式下，它将激活容器内现有的 DOM 节点。如果出现了激活不匹配，那么现有的 DOM 节点将会被修改以匹配客户端的实际渲染结果。

对于每个应用实例，mount() 仅能调用一次。

app.mount("#app");

---

可执行文件

浏览器的本质可执行文件是html js css等,vue最终通过webpack/vite等工具将代码转为一个main.js用于执行.
真正的入口是index.html文件,最终的呈现入口.

---

公共资源

src下的assets文件夹存放图标字体图片等公共资源

---

总结

大家喜欢的话，给个👍，点个关注！给大家分享更多计算机专业学生的求学之路！

版权声明：

发现你走远了@mzh原创作品，转载必须标注原文链接

Copyright 2024 mzh

Crated：2024-3-1

欢迎关注 『VUE』 专栏，持续更新中
欢迎关注 『VUE』 专栏，持续更新中
『未完待续』

---