项目构建流程图
部门1成员
加到现实生活（每个组件就是一个人，只是职位不一样）
我们需要做这样的一个项目
部门主管3
路由(router)（路由组件注册全局router-view）（路由页面配置，即router-view组件会通过不同url的切换应该页面组件）
其他公共组件
App.vue（视图入口组件）
头部组件
components(页面2成员组件目录)
部门主管2
src（项目文件目录）
组件1
部门小组
组件n
index.vue(页面1入口组件)
公共底部（底部组件）
公共组件提供给页面组件使用
部门主管N
styles（公共css样式目录）
页面组件1
页面组件3
员工1
页面1内容（页面组件1）
main.js(项目入口)
其他目录
images（静态图片目录）
页面组件目录（pages）
...src...
部门2成员
公共头部（头部组件）
项目目录
App.vue（视图入口）（头部组件）（router-view）（底部组件）
人力资源
页面1成员(页面1/components)
员工n
部门3成员
页面2模块组件（如：details.vue详情组件，edit.vue编辑页组件，。。。）
components(页面1成员组件目录)
公司
页面3成员(页面3/components)
CTO(技术总监)
页面组件2
页面2成员(页面2/components)
部门n成员
页面组件n
page1(页面目录1)
页面2内容（页面组件2）
index.vue(页面2入口组件)
page2(页面目录2)
pageN(页面目录n)
页面n成员(页面n/components)
老板
页面3内容（页面组件3）
页面组件提供给路由配置，实现路由切换显示相应页面组件
员工N
公共组件目录（components）
员工2
页面N内容（页面组件N）
index.vue(页面n入口组件)
页面1模块组件（如：details.vue详情组件，edit.vue编辑页组件，。。。）
pages（页面组件目录）
components（全局组件目录）
components(页面n成员组件目录)
main.js(项目入口文件)
hr(人事)
底部组件
router（路由目录）
页面n模块组件（如：details.vue详情组件，edit.vue编辑页组件，。。。）
部门主管1
