vue组件拆分

Question

例如这个页面大家组件会如何拆分。把每个tab内容都写成一个.vue，还是这个页面所有的东西都堆在一个文件里面呢，有何利弊。

Answer 1

如果 资格证书、注册证书、祖泽证书专业三个tab中的表格类似，可以自己基于开源组件二次封装或者自己写一个Tab切换的。表格也可以进行一个二次封装（例如通过for循环生成table）

Answer 2

拆分开来更便于维护。实际上统一组件封装到表格就已经足够了。不用再基于表格封装不同的业务组件，除非需要大面积使用。因此这里只需要将三个tab拆分成三个组件即可。至于是否要为这三个tab的表格封装更高级的组件，我觉得封装组件的时间也够写好这三个tab了。如果其他地方不会用到，那么意义不大。

Answer 3

如果是同一个样式，用同一个组件即可，只需要维护三组数据，激活tab时，给组件绑定对应的数据