本文详细介绍了在Vue.js项目中，当进入主页时加载的组件流程。从根组件App.vue开始，经过路由配置文件router/index.js，解析到挂载的Layout组件，进一步分解为Navbar、Sidebar和AppMain三个子组件。在AppMain.vue内部，二级路由出口加载了dashboard组件，完成主页的全部组件加载过程。
首先我们可以看到根组件是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项目中当我们进入主页时，加载了的组件
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
