单文件组合（SFC）

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

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

• SFC 工具
• 在线演练场你不需要在你的机器上安装任何东西来尝试 Vue 单文件。这里有很多在线演练场允许你在浏览器中运行：Vue SFC Playground(官方，基于最新的提交)VueUse PlaygroundVue on CodeSandboxVue on Repl.itVue on CodepenVue

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

• <style> 特性
• <style scoped>当<style>标签带有scoped attribute 的时候，它的 CSS 只会应用到当前组件的元素上。这类似于 Shadow DOM 中的样式封装。它带有一些注意事项，不过好处是不需要任何的polyfill。它是通过PostCSS转换以下内容