defineNuxtComponent
defineNuxtComponent() 是一个用于使用 Options API 定义类型安全组件的辅助函数。
defineNuxtComponent() 是一个用于使用类似于 defineComponent() 的 options API 定义类型安全 Vue 组件的辅助函数。defineNuxtComponent() 包装器还增加了对 asyncData 和 head 组件选项的支持。
在 Nuxt 中，推荐使用 <script setup lang="ts"> 来声明 Vue 组件。
asyncData()
如果您选择不在应用中使用 setup()，可以在组件定义中使用 asyncData() 方法：
pages/index.vue
export default defineNuxtComponent({
async asyncData() {
return {
data: {
greetings: 'hello world!'
}
}
},
})head()
如果您选择不在应用中使用 setup()，可以在组件定义中使用 head() 方法：
pages/index.vue
export default defineNuxtComponent({
head(nuxtApp) {
return {
title: 'My site'
}
},
})