子產品化Vs元件化

子產品化&元件化

• 原因
• 圖解
• 子產品化Module
  • 概念
  • 使用
  • 目的
  • 依賴
  • 架構定位
  • 内容：元件内的Script
• 元件化
  • 目的：複用，解耦
  • 内容：template、style 和 script

[TOC]

# 子產品化&元件化

## 原因

高耦合、低内聚、無重用

## 圖解

## 子產品化Module

### 概念

以功能為劃分，将同一類型代碼整合為一個同屬于一個業務的子產品

### 使用

按照項目功能需求劃分成不同類型的業務架構（例如：注冊、登入、外賣、直播.....）

### 目的

隔離/封裝 （高内聚）

### 依賴

子產品之間有依賴的關系，可通過路由器進行子產品之間的耦合問題

### 架構定位

橫向分塊（位于架構業務架構層）

### 内容：元件内的Script

****

## 元件化

重複的代碼提煉出一個個元件給功能使用

Dialog，各種自定義的UI控件、能在項目或者不同項目重複應用的代碼等等

### 目的：複用，解耦       

元件之間低依賴，比較獨立

縱向分層（位于架構底層，被其他層所依賴）

### 内容：template、style 和 script

**參考文獻**

https://blog.csdn.net/qq_36709020/article/details/80056736

https://www.jianshu.com/p/cac0beae8876

https://www.jianshu.com/p/f5212cf7df55

浩瀚海平面上，是無止盡的波濤跟風平浪靜，那是一艘船，戰勝艱險與孤寂。