为什么要组件化开发,可能是页面代码量太大、逻辑太多、同一功能组件在很多页面上使用,维护起来相当复杂。 此时,为了进行功能分割、组件实现,需要进行组件化开发,实现了组件的通用性,提高了代码的可读性,也可以大幅降低维护成本。 模块化大大降低了系统各功能的耦合性,且提高了功能内部的聚合性。 这对前端工程化和降低代码维护有很大的好处。 耦合性降低提高了系统的可扩展性,降低了开发复杂性,提高了开发效率,降低了开发成本。
前端组件化原则特异性
一个组件集中在一件事上,做好那件事。 可配置性
为了清楚和可配置输入和输出是什么,最基本的方法是通过属性将配置的值传递给组件,然后在组件初始化的生命周期中读取属性值并进行相应的显示更改。 也可以通过调用组件暴露的函数将有效值传递给函数;更改全局CSS样式; 将特定事件传递给组件,在组件中接收该事件并执行函数等。 性行为
每个组件都必须遵守一个标准,使不同地区的开发人员能够根据该标准开发标准统一的组件。 可复用性
任何组件都必须是可以应用于不同场景的独立个人。