首先我们可以看到根组件是App.vue
然后可以看到App.vue里面只有一个路由出口,所以我们再去看路由配置文件(router/index.js)
因为进的是主页所以我们直接看"/"根路径就可以了,可以看到挂载了layout组件(layout/index.vue)
如图在index.vue挂载了三个子组件分别是Navbar, Sidebar, AppMain
然后可以看到在AppMain.vue里面可以看到有一个二级路由出口,所以再回到router/index.js
根据路由配置文件可以看出他的二级路由是dashboard,所以上面的二级路由出口挂载的是dashboard组件
上图是dashboard组件,可以看出已经加载完毕
上述就是在vue项目中当我们进入主页时,加载了的组件