Nuxt 3 已于 31 July 2026 结束生命周期
此版本将不再接收错误修复或安全补丁。 升级到 Nuxt 4 或获取 HeroDevs 提供的延长支持

defineNuxtComponent

源码
defineNuxtComponent() 是一个用于使用 Options API 定义类型安全组件的辅助函数。

Maschinelle Übersetzung ·0 % geprüft

defineNuxtComponent() 是一个辅助函数，用于使用 Options API 定义类型安全的 Vue 组件，类似于 defineComponent()。defineNuxtComponent() 包装还为组件选项添加了对 asyncData 和 head 的支持。
使用 <script setup lang="ts"> 是在 Nuxt 中声明 Vue 组件的推荐方式。
Weitere Informationen findest du unter Docs > Getting Started > Data Fetching.

asyncData()

如果你选择不在应用中使用 setup()，你可以在组件定义中使用 asyncData() 方法：

pages/index.vue
<script lang="ts">
export default defineNuxtComponent({
  asyncData () {
    return {
      data: {
        greetings: 'hello world!',
      },
    }
  },
})
</script>

head()

如果你选择不在应用中使用 setup()，你可以在组件定义中使用 head() 方法：

pages/index.vue
<script lang="ts">
export default defineNuxtComponent({
  head (nuxtApp) {
    return {
      title: 'My site',
    }
  },
})
</script>