面向实战---VUE项目的文件加载顺序，或者加载流程，以及index.html,main.js,app.vue的区别

精简版---（精简版时结论，建议看看楼下详细版的分析过程）

1、执行index.html文件

2、执行main.js文件

3、main.js挂载了app.vue文件，用app.vue的templete替换index.html中的

4、main.js中注入了路由文件，将对应的组件渲染到router-view中

5、router-view中加载Layout文件

6、Layout 加载Navbar, Sidebar, AppMain

这里有两个问题

1、为什么项目启动时默认显示index.html文件

2、为什么默认加载main.js文件

这两个都在webpack中有相应的配置，可在配置文件中查看

详细讲解版

https://blog.csdn.net/weixin_43236610/article/details/82866518

index，main，app三个文件的区别和作用

来自知乎的解答
https://zhuanlan.zhihu.com/p/297929413