组件的划分思考

基础组件

它应该是和业务无关的,只负责渲染给入的数据。比如按钮是一个组件,可能有参数决定了它的尺寸,有参数决定了它是否可以点击,但是点击这个按钮之后会发生什么,就不是按钮这个组件需要知道的事情了。

业务组件

对内来看,它自己持有一些数据和方法,用来决定渲染和行为,对外又是一个简单的props接受数据,里面可以包含若干基础组件。
HTML5 的一些语义标签,其实天然就是组件,例如头部,脚部,导航栏,侧边栏,这些我们稍加改造就可以成为独立的模块组件。

页面组件

按路由划分,可以由若干模块组件和一些基础组件构成,类似传统网站的分页。

划分的3个关键点:

1.完整组件方案:将组件视为一个独立的产品,从多维度,多场景输出组件的方案和组合标准。

2.组件化思维:从需求出发,拆解页面表达结构和所需组件。

3.通用页面规则:通用的页面与组件的栅格体系及替换规则。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容