vue-day28--对组件的理解

发布时间 2023-07-18 22:37:31作者: 雪落无痕1

学了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)