现在前端技术发展很快，基本就是基于三个框架开发的SPA（SinglePageApplication）。本文主要总结了组件开发思维的要点。组件化有助于解决前端结构的复用性问题。整个页面可以由不同的组件组成并嵌套。一个组件有自己真实的形式和行为，组件的显示形式和行为可以由（React中的数据状态（state）和配置参数（props）以及Vue中的数据和props）决定。数据状态和配置参数的变化都会影响组件的显示形式。当数据发生变化时，需要更新组件的显示。所以组件模式可以提供一个高效的自动化来帮助我们更新页面。降低代码复杂性和更好的可维护性。那么我们主要考虑基于组件开发时的分析需求。拿到需求后，我们首先要做的就是理解需求，分析需求，划分构成需求的组件。组件的划分没有特别明确的标准。划分组件的目的是为了代码的可重用性和可维护性。只要某个部分很可能在别处被复用，就可以将其提取为一个组件；或者抽取某部分有助于代码的组织和管理，你也可以毫不犹豫的去做。拉出。组件开发的优势。毕竟是前端组件化开发之后。可以大大降低系统各个功能之间的耦合度，提高功能内部的内聚性。这对前端工程化、降低代码维护难度有很大帮助。耦合的降低提高了系统的可扩展性，降低了开发的复杂度，提高了开发效率，降低了开发成本。组件打包好，加班少，bug少，喝咖啡、撩妹、打架吃鸡的时间多了。：）爱它。组件的设计应该遵循一个原则：一个组件只专注于一件事并且把它做好。组件开发的难度。模块（组件）需要共享数据”和“数据可能被任意修改导致不可预知的结果”。这是前端组件开发需要应对的难点。基于这一点，我认为它是目前最好的工具处理是Redux状态管理工具，有兴趣的同学可以移步Redux中文文档http://cn.redux.js.org/
