H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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

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

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

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

回答:

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

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

本文地址:H5W3 » vue中如何处理结构相似的组件?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址