defineNuxtComponent

源文件
defineNuxtComponent() 是一个用于通过选项式 API 定义类型安全组件的辅助函数。
defineNuxtComponent() 是一个辅助函数，用于使用类似于 defineComponent() 的选项式 API 来定义类型安全的 Vue 组件。defineNuxtComponent() 包装器还增加了对 asyncData 和 head 组件选项的支持。
在 Nuxt 中，使用 <script setup lang="ts"> 是声明 Vue 组件的推荐方式。
了解更多信息，请参见 文档 > 开始使用 > 数据获取。

asyncData()

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

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

head()

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

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