基础组件
它应该是和业务无关的,只负责渲染给入的数据。比如按钮是一个组件,可能有参数决定了它的尺寸,有参数决定了它是否可以点击,但是点击这个按钮之后会发生什么,就不是按钮这个组件需要知道的事情了。
业务组件
对内来看,它自己持有一些数据和方法,用来决定渲染和行为,对外又是一个简单的props接受数据,里面可以包含若干基础组件。
HTML5 的一些语义标签,其实天然就是组件,例如头部,脚部,导航栏,侧边栏,这些我们稍加改造就可以成为独立的模块组件。
页面组件
按路由划分,可以由若干模块组件和一些基础组件构成,类似传统网站的分页。
划分的3个关键点:
1.完整组件方案:将组件视为一个独立的产品,从多维度,多场景输出组件的方案和组合标准。
2.组件化思维:从需求出发,拆解页面表达结构和所需组件。
3.通用页面规则:通用的页面与组件的栅格体系及替换规则。
网友评论