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

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

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

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

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

回答:

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

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注