文章目录
- 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