Vue单文件加载流程

浏览器默认运行 index.html 文件，开始加载 Vue 文件，执行 main.js 中的内容.

 
进入 main.js 文件后，开始导入 App.vue 组件，并创建 Vue 实例，再通过 template 将 App 组件中的内容渲染到页面中.

 在导入执行 App.vue 时，就会引入 FrameHead 和 FrameNav 组件，并注册渲染到 App.vue 的页面中.

 引入 FrameHead 和 FrameNav 组件后，就会执行这两个文件中的所有内容，并导出到 App.vue 文件中.

 

 
注：以上只是在推理 Vue 的运行过程 代码需要在脚手架中才能正常运行 所以目前我们还看不到任何效果。

原创作者：吴小糖

创作时间：2023.4.15