五个表格,一份数据。
在一份数据的基础上通过不同的规则组装出不同的数据,并通过表格显示出来。
- t1.vue
- t2.vue
- t3. vue
- t4.vue
- t5.vue
1. 方案一
同过Mixin.js来实行数据的共享。可以共享的数据及方法有:
- 数据本身
- 导出数据()
优点在于简单,有效。一旦数据复杂,mixin维护起来就会比较复杂。
2. 方案二
表格基类(或者是接口类),派送出5个子类,分别分析和处理,加工数据。优点在于组织清晰,明确。有自己的类,也可以通过编辑器得到更好的提示。
加工的数据也可以继续分层次
- 数据,对应单元格的数据
- 类。特殊化显示单元格的样式
- 能否编辑。
- 数据类型