defineNuxtComponent
defineNuxtComponent() es una función auxiliar para definir componentes con seguridad de tipos usando la API de Opciones.
defineNuxtComponent() es una función auxiliar para definir componentes de Vue con seguridad de tipos usando la API de opciones similar a defineComponent(). El envoltorio defineNuxtComponent() también añade soporte para las opciones de componente asyncData y head.
Usar <script setup lang="ts"> es la forma recomendada de declarar componentes de Vue en Nuxt.
asyncData()
Si decides no usar setup() en tu aplicación, puedes usar el método asyncData() dentro de la definición de tu componente:
export default defineNuxtComponent({
async asyncData() {
return {
data: {
greetings: 'hello world!'
}
}
},
})head()
Si decides no usar setup() en tu aplicación, puedes usar el método head() dentro de la definición de tu componente:
export default defineNuxtComponent({
head(nuxtApp) {
return {
title: 'My site'
}
},
})※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/api/utils/define-nuxt-component