组件化和模块化

组件化：

• 是从ui界面的角度进行分析的，将结构、样式、js封装到一个component中，便于代码复用、避免了全局变量污染、团队开发、快速定位bug等优点

模块化：

• 从逻辑代码的角度进行分析的，将一些可重复用的js代码抽一到一个模块中便于项目的维护和开发。

在模块化中分es6模块和commonjs模块化

• 在vue、react中我们使用的都是es6模块化，使用export default / exports （这两个可以同时使用
  export使用解构{}）进行导出，使用import xxx from ‘模块路径’ 来进行导入 注册 使用。

• 比如node（vue-cli/webpack）等一些后端通常使用commonjs语法来进行模块的导入和导出,使用 exports /
  module.exports进行导入，使用 require进行导入

• 在wxApp中可以使用es6或者commonjs进行导入导出，更加推荐es6导入导出，因为小程序也可以看成是一个前端框架。