单文件组件 SFC
在大多数启用了构建工具的VUE项目中,我们可以使用一种类似HTML格式的文件来书写VUE组件,它被称为单文件组件,也被称为*.vue文件。英文single-file components缩写为SFC。顾名思义,vue的单文件组件会将一个组件的逻辑 js模板html 和样式css封装在同一个文件里。
VUE3中选项式API optionsAPI
使用选项式API我们可以用包含多个选项的对象来描述组件的逻辑,例如data、methods和mounted。选项所定义的属性都会暴露在函数内部的this上,它会指向当前的组件实例。
组合式API compositionAPI
通过组合式API,我们可以使用导入的API函数来描述组件逻辑。在单文件组件中,组合式API通常会与<script setup>中的导入和顶层变量、函数都能够在模板中直接使用