1.0 引入组件
- 传统方式编写应用
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1f954daf1cb899f672264ee5e5a473d7.png#pic_center)
- 使用组件方式编写应用
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/16a14c5a6b26878ff6b10e31ca2b815c.png#pic_center)
1.1 模块
- 理解:向外提供特定的js程序,一般就是一个js文件
- 为什么:js文件很多很复杂
- 作用:复用js,简化js的编写,提高js运行效率
1.2 组件认识
- 理解: 用来实现应用中局部(特定)功能代码和资源集合(
html/css/js/image...
) - 为什么: 一个界面的功能很复杂
- 作用:复用编码,简化项目编码,提高运行效率
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/360200a798aa300343ec83c45e8e8b40.jpeg#pic_center)
1.3 模块化
当应用中的js都以模块来编写的,那这个应用就是一个模块化的应用
1.4. 组件化
当应用中的功能都是多组件的方式来编写的,那这个应用就是一个组件化的应用