VUE模块划分

bg-extend
├── src
│   ├── App.vue
│   ├── api
│   │   ├── tenant
│   │   │   └── manager.js
│   │   └── vote 模块名 - 活动管理 接口
│   │       ├── manager.js 模块接口
│   │       └── template 子模块 - 活动模板 接口
│   │           └── index.js 模块接口
│   ├── script
│   │   ├── tenant
│   │   │   └── manager
│   │   │       ├── columns.ts
│   │   │       ├── data.ts
│   │   │       ├── edit.ts
│   │   │       ├── list.ts
│   │   │       └── main.ts
│   │   └── vote 模块名 - 活动管理
│   │       ├── data.ts 模块脚本
│   │       ├── edit.ts 同上
│   │       ├── list.ts 同上
│   │       ├── main.ts 同上
│   │       ├── layout  模块组件 - 将vote模块分成多个子模块
                                  如 列表.vue 数据.vue layout保存子模块的拆分。
                                  数据.vue 包含很多字段。就再分组件。如下面的
                                  carousel就是轮播图组件。在 数据.vue 里会引用
                                  而轮播图组件也可以细分 又分了一个 template(轮播图模板)组件
                                  各个文件夹保存 各自的脚本。
│   │       │   └── data 数据.vue 名字 如 data.vue 那这里的名字就是 data
│   │       │       └── carousel  轮播图组件
│   │       │           └── template 轮播图模板
│   │       └── template 子模块 - 活动模板 
                         如 活动管理 又需要一个。活动模板是个单独模块。隶属于 活动管理 下。
                         既然是单独模块 为什么不和 活动管理 同级。因为同级命名需要是 VoteTemplat
                         而现在就可以命名为 template 少了前缀。 这样更多需要前缀的依次往子级堆砌即可
│   │           ├── data.ts 模块脚本
│   │           ├── edit.ts 同上
│   │           ├── list.ts 同上
│   │           └── main.ts 同上
│   ├── views
│   │   ├── error
│   │   │   └── 404.vue
│   │   ├── index.vue
│   │   └── vote 模块名
│   │       ├── template  子模块 - 活动模板 隶属于 活动管理 下。
│   │       ├── data.vue  数据.vue
│   │       ├── index.vue 列表.vue
│   │       └── layout
│   │           ├── data 数据.vue 的子组件
│   │           │   └── carousel 轮播图
│   │           │       ├── index.vue
│   │           │       └── template.vue 轮播图模板
│   │           └── manager 列表.vue 的子组件