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 的子组件