单文件组合(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 中的样式封装类似。