defineNuxtComponent
defineNuxtComponent() 是一個輔助函式，用於使用 Options API 定義類型安全的組件。
defineNuxtComponent() 是一個輔助函式，用於使用 options API 定義類型安全的 Vue 組件，類似於 defineComponent()。 defineNuxtComponent() 包裝器還增加了對 asyncData 和 head 組件選項的支援。建議在 Nuxt 3 中使用
<script setup lang="ts"> 宣告 Vue 組件。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: 'My site'
}
},
})
</script>