单文件组合（SFC）

• 单文件组件
• 扩展名.vue文件，称为单文件组件，是Vue.js自定义的一种文件格式，一个.vue文件就是一个单独的组件，在文件内封装了组件相关的代码：html、css、js。经过编译后，是一个标准 es模块，被导入使用。

• SFC 语法规范
• *.vue文件是使用类 HTML 语法来描述 Vue 组件的一种自定义文件格式。每一个*.vue文件都由三种类型的顶层语法块所组成：<template>、<script>、<style>以及可选的附加自定义块：

• <script setup>
• <script setup> 是在单文件组件(SFC)中使用组合式 API 的编译时语法糖。

• <style> 特性 CSS 功能
• 当 <style> 标签带有 scoped attribute 的时候，它的 CSS 只会影响当前组件的元素，和 Shadow DOM 中的样式封装类似。