Please enable JavaScript.
Coggle requires JavaScript to display documents.
成本趨勢分析, 會員數據比較, 出入款及有效投注, 成本趨勢分析, 出入款及有效投注, 會員數據比較, 切分元件方式:
…
-
-
-
-
-
-
切分元件方式:
依功能類型作切分，切分粒度較細
目前想法: 由父組件讀取選項API(condition)後，再將各自選項用prop傳入子組件中。
但不清楚是否會有api回傳的資料來不及寫入子組件的問題?
:star: 優點:
1.父子間傳遞訊息相對簡單，元件複用性高
2.子組件只須記得將使用者調整後的狀態回傳至父組件中
3.無論切換至哪一個報表，這些元件都能使用
:warning:缺點:
1.切分粒度較細，沒有模塊化
2.樣式都會需要寫在父組件中
3.父組件的HTML還是會有點多
4.查詢邏輯也是需要寫在父組件中
切分元件方式:
依區塊作切分，切分粒度較廣
目前想法: 由父組件讀取選項API(condition)後，再將各自選項用prop傳入子組件中。
但不清楚是否會有api回傳的資料來不及寫入子組件的問題?
:star: 優點:
1.模塊化，若其他報表有使用相同的樣式可以直接使用
2.父組件的HTML很簡潔
3.若有些微不同之處，應該可以使用Solt解決，前提是樣式沒有大更動
:warning:缺點:
1.需要事先規劃各報表可能會出現的樣式，並根據規劃，實現模組
2.若有新增查詢條件，就可能需要新增一個模組，會不會更加不易管理?
3.父子間需傳遞的資料較複雜