Vue3 TypeScript开发中，如何优雅书写Vue3语法？

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

目录 + Vue3语法的发展 + 优势 + Composition API类型约束 + 编译器宏 + defineProps + defineEmits + defineExpose + 总结 + Vue3语法的发展 + Vue3 + 在早期版本（3.0.0-beta.21之前）中，对Composition API的支持仅限于组件选项。

目录

• vue3语法的发展
• 优势
• Composition Api类型约束
• 编译器宏
• defineProps
• defineEmits
• defineExpose
• 总结

vue3语法的发展

1. Vue3 在早期版本（ 3.0.0-beta.21 之前）中对 composition api 的支持，只能在组件选项 setup 函数中使用。
2. 在 3.0.0-beta.21 版本中增加了 <script setup> 的实验特性。如果你使用了，会提示你 <script setup> 还处在实验特性阶段。
3. 在 3.2.0 版本中移除<script setup> 的实验状态，从此，宣告 <script setup> 正式转正使用，成为框架稳定的特性之一。