# 拆分说明与建议

## 代码模块的定义的建议

样例包是给与前端组同事用于独立管理一些共用模块而建立出来用于示范作用的项目。共用模块可分为两种特性和三种层次，下面会进行说明：

### 两种特性

| 特性           | 说明                                |
|----------------|-------------------------------------|
| Vue相关的代码  | 必须依赖于Vue框架才能正常运作的代码 |
| 函数级别的代码 | 没有限制，最小粒度为一个函数方法    |

### 三种层次

* 全量级别。这类代码会作为应用系统执行的基础，是在应用系统执行前就必须运作的代码。
* 框架级别。如`Vue`,`React`这种框架或是`element-ui`,`iview`,`vant`这种UI组件，又或是`axios`,`js-cookie`这种常用的底层逻辑代码，又或是因项目总结常用的**函数级别的代码**均属于此层次。
* 组件级别。此类更多为可选的能随意替换的代码，如某个业务功能UI组件。

共用模块代码层次只是从完整的六大级（函数级别、组件级别、页面级别、框架级别、应用级别、系统级别）中的三个级进行抽离。代码适应情况更多地跟随应用及业务而设计。