前端组件个人体会

什么是组件？

组件是页面的组成部分、我们可以将一个大的地区裁剪成各个小地区、每个组件自己处理自己的逻辑。方便重复利用等等
组件的类型

笔者认为， 组件分三种

• 无逻辑组件、只包含显示 不做任何逻辑处理（例如播放组件、按钮组件、轮播、图片预览）
  
• 业务组件（内部到场对业务逻辑判断处理）
  
• 中间层组件（负责对数据的分发）
  

组件的状态

• 需要在挂在就获取props的数据， 例如vue中的props
  
• 需要在外界做操纵之后在进行后续逻辑 例如弹窗组件的状态 、注：这种组件一样平常要配合watch
  

组件的封装

对于组件的封装、是仁者见仁智者见智。

• 个人觉得 不要凌驾3层、因为组件层数过多，也就意味着数据通报的距离过长，这会斲丧个人的心智负担。面对上述环境可思量利用$attrs或者inject。
  
• 组件参数不要过多，因为开辟者，在面对非ui库的利用，而是团队内部利用的时候，当参数过多，就无法判断 到底那里是必须的。如果必须多，那么就需要写内部文档，或者部署文档库，否则这会极度依赖于开辟组件的人。
  
• 业务最好不好放到npm包中，因为业务的变动很频繁，不可能一直发npm包。且如果我盼望看内部代码做了什么，如果发npm包，这几乎是不可能的。我需要得到源码，在把源码的npm包软连接到工程内部进行调试， 这非常浪费时间。
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。