分享
大体分为三个板块（且三个板块都为组件）
- 模块一
header模块主要显示登录用户的信息
- 模块二
侧边栏导航栏，主要是为了实现根据不同的权限来分配不同的菜单（下一篇文章讲解）
- 模块三
主体内容模块，一般切换的组件都这这里
主要讲解模块三
上面说着三个都为组件，那么要放在一个视图容器里，那么就是vue中App.vue文件中的让其显示，当然这里不用大家配置什么东西
接下来在我们vue-cli中的router文件夹中index.js文件配置默认显示的页面
我配置的是pages/main.vue文件，那么接下来看一下main.vue文件
如上图我将（header模块）（banner模块这里假设为侧边栏模块）（fooer模块可有可无）
但是唯一的也是重点的是我主体内容模块我并没有写组件，而是又用了一个视图容器
那么就有了，多个嵌套，如何才能让固定显示自己想要的组件的问题
废话不多说上代码
还是在vue-cli中的router文件夹中index.js文件配置中这样写
就是在router路由里面添加children属性，但是切记children属性中path前面不能添加 “/”
最后：
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。
面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
