1、执行index.html文件

2、执行main.js文件

3、main.js挂载了app.vue文件,用app.vue的templete替换index.html中的<div ></div>

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

5、router-view中加载Layout文件

6、Layout 加载Navbar, Sidebar, AppMain

 

这里有两个问题

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

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

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

 
————————————————
版权声明:本文为CSDN博主「kimmmmqin」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/kimmmmqin/article/details/100203008

相关文章:

  • 2021-08-10
  • 2021-10-23
  • 2021-06-01
猜你喜欢
  • 2022-12-23
  • 2021-09-13
  • 2021-09-20
  • 2021-07-22
  • 2022-12-23
  • 2021-11-18
相关资源
相似解决方案