vue-day28--对组件的理解

学了vue之后，我们需要了解组件是什么
组件的定义：实现应用中局部功能代码（css/js/html）和资源(map,map,zip)的集合

 

1.1 模块与组件、模块化与组件化

1.1.1 模块

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

1.1.2 组件

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

1.1.3 模块化

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

1.1.4 组件化

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

1.2 非单文件组件(一个文件中包含有n个组件)

1.2.1 说明

1. 模板编写没有提示
2. 没有构建过程，无法将 ES6 转换成 ES5
3. 不支持组件的 CSS
4. 真正开发中几乎不用

1.2 单文件组件(一个文件中只包含有1个组件 例如 a.vue)