defineNuxtComponent

defineNuxtComponent()는 Options API로 타입 안전한 컴포넌트를 정의하기 위한 헬퍼 함수입니다.

defineNuxtComponent()는 defineComponent()와 유사한 options API를 사용하여 타입 안전한 Vue 컴포넌트를 정의하기 위한 헬퍼 함수입니다. defineNuxtComponent() 래퍼는 또한 asyncData 및 head 컴포넌트 옵션에 대한 지원을 추가합니다.

<script setup lang="ts">를 사용하는 것이 Nuxt에서 Vue 컴포넌트를 선언하는 권장 방법입니다.

이것도 참고 getting-started > data-fetching

`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'
    }
  },
})

※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.

공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/utils/define-nuxt-component