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

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

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

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

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

阅读 2.4k
1 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题