（二）Vue组件化编程

一、模块与组件，模块化与组件化

1.1 对组件的理解

在传统式编写应用中，不同区域功能写不同的css，使html引入，每个区域也需要进行交互，所以也会引入js，实现不同区域功能的交互，但是这种传统方式也会存在两种问题：

• 依赖关系混乱，不好维护；
• 代码复用率不高。

所以根据以上传统式中存在的问题，理解组件的含义，组件就不会存在依赖关系混乱，不好维护和代码复用率不高的问题，一个区域会写一个组件，组件中就会写css，html，js等，但是如果下一个页面也需要使用这个区域就可以复用之前的组件，不用重新写：

组件的含义：实现应用中局部功能代码和资源的集合。

1.2 模块

1. 理解：向外提供特定功能的js程序，一般就是一个js文件。

2. 为什么：js文件很多很复杂。

3. 作用：复用js，简化js的编写，提高js运行效率。

1.3 组件

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

1.4 模块化

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

1.5 组件化

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