这是我参与「第五届青训营 」伴学笔记创作活动的第 12 天。
在青训营前端大项目的开发中，少不了团队成员分工协作开发，那么对于学习前端的同学来说，有必要掌握前端组件化、模块化的思想。
一、组件化是什么？组件化开发是什么？
组件化是指对具体的某个功能的封装，以此来达到组件复用，提高开发效率的目的。组件化开发是为了提高代码的可复用性，降低了开发的复杂度，提升开发效率，以及方便团队分工协作开发。
二、前端组件化开发的好处
前端组件化开发之后。可以很大程度的降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对前端工程化以及降低代码的维护难度，是有很大帮助的。 耦合性的降低，提高了系统的伸展性，降低了开发的复杂度，提升开发效率，降低开发成本。
三、模块的定义
一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。
export命令用于规定模块的对外接口。 export default命令，为模块指定默认输出。
四、export与export default命令的区别
export 时，import命令接受一对大括号，里面指定要从其他模块导入的变量名。大括号里面的变量名，必须与被导入模块对外接口的名称相同。如果想为输入的变量重新取一个名字，import命令要使用as关键字，将输入的变量重命名：
import { name as rename } from './xxx.js';
而export default输出时，其他模块加载该模块时，import命令可以为该匿名函数指定任意名字，而且可以不用大括号 一个模块只能有一个默认输出，因此export default命令只能使用一次。而export可以有多个输出，按需引入。
五、前端模块化是什么
可以理解为一组自定义业务的抽象封装，是根据项目的情况来进行封装组合到一起的，比如我们可以分为登录模块，评论模块。模块可维护性好，组合灵活，方便调用，多人协作互不干扰。
六、总结
前端组件化、模块化是前端工程化的重要体现，组件化开发可提高代码的可复用性和开发效率，模块化提高项目的可维护性，都能方便多人协作。
