v3.16
Nuxt on GitHub

defineNuxtComponent

源代码
defineNuxtComponent() 是一个辅助函数，用于以选项 API 定义类型安全的组件。
defineNuxtComponent() 是一个辅助函数，用于使用选项 API 定义类型安全的 Vue 组件，类似于 defineComponent()。defineNuxtComponent() 封装还为 asyncData 和 head 组件选项提供了支持。
在 Nuxt 中，推荐使用 <script setup lang="ts"> 来声明 Vue 组件。
阅读更多 Docs > Getting Started > Data Fetching.

asyncData()

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

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

head()

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

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