defineNuxtComponent

原始檔
defineNuxtComponent() 是一個輔助函式，用於使用 Options API 定義型別安全的元件。
defineNuxtComponent() 是一個輔助函式，用於使用選項 API 定義型別安全的 Vue 元件，類似於defineComponent()。 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>