Vue3单文件组件有哪些新特性？

本文共计2410个文字，预计阅读时间需要10分钟。

目录：

一、JavaScript的语法优势

二、基本语法

三、响应式式

四、使用组件

五、使用自定义指令

六、defineProps 和 defineEmits

七、defineExpose

八、useSlots 和 useAttrs

九、顶层 await

目录

• 一、相比普通script语法的优势
• 二、基本语法
• 三、响应式
• 四、使用组件
• 五、使用自定义指令
• 六、defineProps 和 defineEmits
• 七、defineExpose
• 八、useSlots 和 useAttrs
• 九、顶层 await
• 附：<script setup>和 <script>之间的主要区别
• 总结

一、相比普通script语法的优势

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