vue中如何处理结构相似的组件？

Question

现在业务中有好多组件的内容都高度重合，重合率在90%左右，不一样的地方可能就是一些标题、描述、接口路径等等。

我最开始的想法是把这类组件抽象出来，但是发现需要传的参数太多了，可能还需要加一些if判断，就放弃了。

现在只是将script中的内容通过mixin抽取后插入到组件中，但是看到template中好多重复的内容有点难受。

不知道各位大佬遇到这种情况是怎么处理的，有demo更好

Answer 1

写脚本自动生成代码。
也是被这个问题困扰过，然后通过脚本一键生成代码，这部分代码以后只通过脚本来修改，看我的文件：

红框部分已经占到了绝大部分代码，都是脚本自动生成的，模板部分、JS部分都被一个插入开始标记、插入结束标记包裹着，更新脚本只会修改标记内的内容，标记外为手写部分，不会被脚本更新。