精简版---(精简版时结论,建议看看楼下详细版的分析过程)
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