接着记录4学习，从记录4中我们了解到一个基本的使用Vue框架库构建的html简单页面例子，这节继续；

在Vue.js中，组件是构建用户界面的核心概念。

它可以将界面拆分为独立、可复用的模块，每个模块都有自己的结构、样式和行为，你可以将组件理解为一个自定义的HTML元素，它封装了特定的功能和UI，可以在应用中重复使用。

单文件组件SFC（Single File Component）

在Vue框架中的使用一个单独的文件编写的组件，允许开发者将 HTML、JavaScript 和 CSS 代码统一放在一个文件中编写，通常以 .vue 为文件后缀，构成的这样一个单独的文件作为Vue框架项目的一个组件，叫做单文件组件。

它以.vue作为文件扩展名，比如前面记录3构建基本项目时见到App.vue。

单文件组件是Vue.js项目中组织代码的核心方式，它将组件的模板、逻辑和样式封装在一个.vue文件中，提供了清晰的代码结构和高效的开发体验

单文件组件代表一个基本.vue文件，这个.vue文件通常包含三个部分：HTML，JavaScript，CSS

1）