五個(gè)表格,一份數(shù)據(jù)。
在一份數(shù)據(jù)的基礎(chǔ)上通過不同的規(guī)則組裝出不同的數(shù)據(jù),并通過表格顯示出來。
- t1.vue
- t2.vue
- t3. vue
- t4.vue
- t5.vue
1. 方案一
同過Mixin.js來實(shí)行數(shù)據(jù)的共享??梢怨蚕淼臄?shù)據(jù)及方法有:
- 數(shù)據(jù)本身
- 導(dǎo)出數(shù)據(jù)()
優(yōu)點(diǎn)在于簡單,有效。一旦數(shù)據(jù)復(fù)雜,mixin維護(hù)起來就會(huì)比較復(fù)雜。
2. 方案二
表格基類(或者是接口類),派送出5個(gè)子類,分別分析和處理,加工數(shù)據(jù)。優(yōu)點(diǎn)在于組織清晰,明確。有自己的類,也可以通過編輯器得到更好的提示。
加工的數(shù)據(jù)也可以繼續(xù)分層次
- 數(shù)據(jù),對應(yīng)單元格的數(shù)據(jù)
- 類。特殊化顯示單元格的樣式
- 能否編輯。
- 數(shù)據(jù)類型