defineComponent() Helper de definição de componente

Última atualização: 2026-10-22

defineComponent() Helper de definição de componente

defineComponent() é um helper de tipagem — principalmente para inferência precisa de TypeScript; em tempo de execução comporta-se como um objeto comum.

📝 Sintaxe

import { defineComponent } from "vue"
export default defineComponent({
  props: { msg: String },
  setup(props) { return { upper: props.msg.toUpperCase() } }
})

⚙️ Argumentos

Retorno：O mesmo objeto (tipado)

▶ Exemplo

Edite o código abaixo e veja o resultado ao vivo:

Saída：

Shows uppercase VUE.

💡 Pontos-chave