文章目录 script setup 基本语法 使用 Composition API 组件定义 使用生命周期钩子 模板引用 使用 `defineProps` 和 `defineEmits` 组合多个 `<script setup>` 标签 Vue异步操作 1. 使用 `async` 和 `await` 2. 使用 Promise 3. 在 `created` 或 `mounted` 钩子中执行异步操作 4. 使用 `watch` 或 `watchEffect` 监听数据变化 5. 使用 Composition API 的 `useAsync` script setup <script setup> 是 Vue 3 中引入的一种新的组件语法糖,它提供了一种更简洁和更少样板代码的方式来编写组件。使用 <script setup>,你可以直接在 <script> 标签中使用 setup 函数中的代码,而不需要显式地定义 setup 函数。这种方式使得组件的逻辑更加集中和清晰。 以下是 <script setup> 的基本用法: 基本语法 <script setup> import