defineNuxtComponent
defineNuxtComponent() é uma função auxiliar para definir componentes com segurança de tipo usando a API de Opções.
defineNuxtComponent() é uma função auxiliar para definir componentes Vue com segurança de tipo usando a API de opções, semelhante a defineComponent(). O wrapper defineNuxtComponent() também adiciona suporte para as opções de componente asyncData e head.
Usar <script setup lang="ts"> é a maneira recomendada de declarar componentes Vue no Nuxt.
asyncData()
Se você optar por não usar setup() em seu aplicativo, pode usar o método asyncData() dentro da definição do seu componente:
export default defineNuxtComponent({
async asyncData() {
return {
data: {
greetings: 'hello world!'
}
}
},
})head()
Se você optar por não usar setup() em seu aplicativo, pode usar o método head() dentro da definição do seu componente:
export default defineNuxtComponent({
head(nuxtApp) {
return {
title: 'My site'
}
},
})※Esta página é uma tradução não oficial da documentação oficial do Nuxt.js.
A página correspondente na documentação oficial está aqui:
https://nuxt.com/docs/3.x/api/utils/define-nuxt-component