二十、Vue组件化编程

（一）模块与组件、模块化与组件化

1.模块

• 理解：向外提供特定功能的 js 程序，一般就是一个 js 文件
• 为什么：js 文件很多很复杂
• 作用：复用 js，简化 js 的编写，提高 js 运行效率

2.组件

• 理解：用来实现局部（特定）功能效果的代码集合（html/css/js/image/...）
• 为什么：一个界面的功能很复杂
• 作用：复用编码，简化项目编码，提高项目运行效率

3.模块化

• 当应用中的 js 都以模块来编写时，那这个应用就是一个模块化的应用

4.组件化

• 当应用中的功能都以多组件的方式来编写时，那这个应用就是一个组件化的应用

（二）非单文件组件（a.html）

• 一个文件中包含 n 个组件

（三）单文件组件（a.vue）

• 一个文件中只包含有 1 个组件