文章目录
- 传统编程
- 组件化编程
- 模块
- 模块化
- 组件化
Vue学习目录
上一篇:(十八)Vue之生命周期
传统编程
一个html引入大量的CSS、JS文件,使得结构混乱、代码复用率低
传统方式编写应用存在的问题:
- 1.依赖关系混乱、不好维护
- 2.代码复用率不高
组件化编程
组件是可复用的 Vue 实例, 把一些公共的模块抽取出来,然后写成单独的的工具组件或者页面,在需要的页面中就直接引入即可,我们可以将其抽出为一个组件进行复用。
组件定义:实现应用中局部功能代码和资源的集合
作用: 复用编码, 简化项目编码, 提高运行效率
模块
向外提供特定功能的 js 程序, 一般就是一个 js 文件
作用: 复用 js, 简化 js 的编写, 提高 js 运行效率
模块化
当应用中的 js 都以模块来编写的, 那这个应用就是一个模块化的应用。
组件化
当应用中的功能都是多组件的方式来编写的, 那这个应用就是一个组件化的应用。