模块化：一种软件设计和组织代码的方式，每个模块负责特定的功能，可以被独立开发、测试和维护。模块化的目的是提高代码的可维护性、可读性和重用性。
【优点】：可重用性： 组件可以在不同的地方重复使用。
可维护性： 每个组件都是相对独立的，易于维护。
可测试性： 可以单独测试每个组件的功能。
提高开发效率： 模块化开发使得多人协作更加容易。
一. CommonJS 模块化:
简述：CommonJS是 Node.js 的模块化规范，后来被一些前端工具采用。主要有两个核心方法：
1、导出模块：
2、导入模块：
二. AMD (Asynchronous Module Definition)：
简述：AMD 是一种异步加载模块的规范，主要用于浏览器环境。使用 RequireJS 等工具来实现。
1、定义模块：
2、加载模块：
三. ES6 模块化（常用）：ES6 引入了原生的模块系统，是目前主流的模块化方案。
1、导出模块：
2、导入模块：
四. CommonJS 和 ES6 混用：
简述：在现代前端开发中，通常可以混合使用 CommonJS 和 ES6 模块，例如在 Node.js 环境下，可以使用 CommonJS，而在现代浏览器环境下，可以使用 ES6 模块。
【在vue2中使用模块化组件开发实例（ES6 Modules）】：
1、创建一个模块：
2、在Vue组件中导入并使用模块：
简述实例：在这个示例中，utils.js 导出了两个数学运算函数，然后在Vue组件 MyComponent.vue 中使用 import 语句引入了 add 函数，并在组件的 data 中调用它。
