美文网首页
组件封装原则:纯属娱乐

组件封装原则:纯属娱乐

作者: xinbo_log | 来源:发表于2022-08-30 10:02 被阅读0次

一、高内聚,低耦合(一家之言,容易造成过度封装)

  1. 出入props不能被修改,交给父组件处理:emit
  2. 组件内部业务逻辑不依赖外部使用者,差异通过props【不能相互依赖】
  3. 组件内部不要依赖vuex/pinia等状态管理【业务组件除外】
  4. 约定优先于配置,降低组件使用复杂度【复杂逻辑放入组件内部】

二、组件单一职责(感觉就是简单组件)

  1. 组件的命名要与组件的职责相关
  2. 多开发纯函数组件
  3. 复杂组件可拆分多个纯组件组合使用

三、业务相关组件(请求、业务逻辑、需求等相关的组件)

  1. 业务处理放入组件内部,方便直接使用
  2. 副作用:需要对组件内部引起副作用的接口、方法等做特殊处理

四、props使用(合理使用)

  1. 命名语义化
  2. 明确参数:选填、必填

五、可维护、可拓展(万一摊到自己身上呢?)

  1. 命名规范、html标签语义化清晰、css规范,代码逻辑清晰
  2. slot/props/组件拆分等
  3. 防止滥用:vue3响应式数据【reactive/ref...】

相关文章

  • 组件封装原则:纯属娱乐

    一、高内聚,低耦合(一家之言,容易造成过度封装) 出入props不能被修改,交给父组件处理:emit组件内部业务逻...

  • [小程序][医美]

    组件: 小程序组件开发模板 navbar 顶部导航组件封装原则 倒计时

  • 面向对象-4:assign合并对象 / 组件样式模板 / 自定义

    组件:数据和方法的简单封装 制作组件原则:开闭原则:对内要封闭;对外开放; 合并对象 -解构赋值添加默认参数 -通...

  • 纯属娱乐...

    今天学了句骂人的话“脑子是个好东西,可惜你没有”。最近有个课题是怎么从大望路坐地铁到五颗松,研究人员经过调研后,跟...

  • 纯属娱乐

    又到了开学季。 经过两个月暗无天日、颠三倒四的暑假生活,我们的日子终于再次步入正轨。平常都是一个人,来到学校,大家...

  • 纯属娱乐

    网上很多《铁齿铜牙纪晓岚》的选段,和珅与纪晓岚关于贪腐的辩论! 然后下面就有一帮看透人生,看透世俗的思想家哲学家理...

  • 纯属娱乐

    这两天,网上炒得沸沸扬扬的无非就是杨幂与刘恺威离婚的事 认识杨幂从电视剧《宫》开始,古灵精怪又漂亮,后面她主演的《...

  • 纯属娱乐

    我:进过职称吗? 他:没有 我:我告诉你,想进职称,得巧立名目,拉拢主任院长,给他买礼物,把他当菩萨一样供着,要是...

  • 【组件模块化5】JS组件设计分析

    js组件设计原则 a、高内聚低耦合 一个组件之内不要依赖任何其他组件,不要被其他组件所牵制,要把这个组件的内容封装...

  • 封装组件

    封装tab组件封装曝光加载组件封装轮播组件 代码

网友评论

      本文标题:组件封装原则:纯属娱乐

      本文链接:https://www.haomeiwen.com/subject/uxfdnrtx.html