导航

vue加载时文件的执行顺序

Posted on 2021-01-06 14:33  杨彬Allen  阅读(894)  评论(0)    收藏  举报

1、执行index.html文件

2、执行main.js文件

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

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

5、router-view中加载Layout文件

6、Layout 加载Navbar, Sidebar, AppMain

 
这里有两个问题

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

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

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