定义:无条件才是最大的条件 。
对于组件,最好的状态就是没有状态 ,正如上面定义所说,组件内限定条件越是存在的少,甚至没有那才是组件组好的状态。内部组件不存在限定条件,所有组件信息都由外部传递进来 。(至于样式参数,是否也从外部获取,就要取决于项目中的限定)
让你的代码更容易碎片化以达到复用的目的。
小模块可以分为很多单一的小功能组成。
较小的模块更容易看懂 维护 复用和调试。
目的
减少生产力消耗,降低项目成本。
最大程度保留组件通用性
每个组件应该保持单一 独立 可复用 可测试
把你很大的模块拆分成单一的小组件,尽量保持最少的代码达到效果,保持组件独立。
最好是写个组件应用的小demo,把单个组件状态或者样式表达出来。
组件命名
语义化命名。(应避免关键词命名,可携带前缀为公司,或者项目名,库名 )
最好是2-3个单词。
考虑其他项目复用进行命名。
标明需要父组件或者兄弟组件传递进去的参数
封装元素
1,封装可重用的代码
2,封装自定义元素(页面UI,自定义功能等)
3,封装一些方法
组件使用
1,创建组件(同编写vue页面相同)
2,父组件或者兄弟组件引入 (import方法引入)
3,传递参数(具体参考父子,兄弟组件传递参数方法)
组件检测
如何检查组件的成功度,或者完美程度,通用前提下无参数状态的呈现。这个没有具体要求,根据个人标准,或者项目中组件引入状态评定。