（二十）Vue之组件和模块概念

Vue学习目录

上一篇：（十九）Vue之生命周期

下一篇：（二十一）Vue之非单文件组件

传统编程

一个html引入大量的CSS、JS文件，使得结构混乱、代码复用率低
传统方式编写应用存在的问题：

• 1.依赖关系混乱、不好维护
• 2.代码复用率不高

组件化编程

组件是可复用的 Vue 实例, 把一些公共的模块抽取出来，然后写成单独的的工具组件或者页面，在需要的页面中就直接引入即可，我们可以将其抽出为一个组件进行复用。
组件定义：实现应用中局部功能代码和资源的集合
作用: 复用编码, 简化项目编码, 提高运行效率

模块

向外提供特定功能的 js 程序, 一般就是一个 js 文件
作用: 复用 js, 简化 js 的编写, 提高 js 运行效率

模块化

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

组件化

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