Referência Vue

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

Referência Vue

Lista alfabética de 121 entradas da API Vue: diretivas, Composition API, Options API, integrados e API global.

#
$attrs	$attrs reúne os atributos que o pai passou e que props não declarou — encaminhe-os com pre...
$emit()	$emit dispara um evento customizado cujos argumentos chegam ao listener do pai — o canal p...
$refs	$refs guarda os elementos ou instâncias de componentes marcados com atributos ref, dando a...
<component>	O <component :is="..."> alterna dinamicamente o componente ou elemento nativo renderizado ...
<KeepAlive>	O <KeepAlive> cacheia as instâncias dos componentes envolvidos: ao voltar, o estado é pres...
<slot>	O <slot> declara a saída de conteúdo no template do filho: o conteúdo passado pelo pai sub...
<Suspense>	O <Suspense> mostra conteúdo de reserva enquanto as dependências assíncronas (componentes ...
<Teleport>	O <Teleport> renderiza o conteúdo em outro lugar do DOM (como o body), resolvendo cortes p...
<template>	O <template> é um contêiner de agrupamento transparente: não renderiza elemento nenhum e s...
<Transition>	O <Transition> envolve um único elemento ou componente e aplica classes ou hooks de transi...
<TransitionGroup>	O <TransitionGroup> anima listas de elementos, incluindo movimentos suaves de posição via ...
A
activated	activated roda quando um componente em cache por <KeepAlive> é mostrado de novo — retome o...
app.component()	app.component() registra um componente globalmente, disponível para todos os templates — i...
app.config	app.config carrega configurações de todo o app, como errorHandler, warnHandler, globalProp...
app.directive()	app.directive() registra uma diretiva personalizada global, utilizável como v-xxx em qualq...
app.mount()	app.mount() anexa a aplicação a um elemento contêiner, substituindo o DOM interno pela saí...
app.provide()	app.provide() fornece uma dependência para todo o app, de modo que qualquer componente pos...
app.use()	app.use() instala um plugin que pode registrar globais, injetar dependências ou estender a...
B
beforeCreate	beforeCreate roda antes da instância ser inicializada — data, methods e computed ainda não...
beforeMount	beforeMount roda logo antes da renderização inicial — a render function está pronta, mas a...
beforeUnmount	beforeUnmount roda logo antes da instância ser destruída — o DOM ainda está intacto, o mom...
beforeUpdate	beforeUpdate roda depois que os dados mudam, mas antes da atualização do DOM — ele ainda l...
C
components	A opção components registra componentes filhos localmente, mantendo-os no escopo deste com...
computed	A opção computed declara valores derivados que recalculam e ficam em cache quando as depen...
computed()	computed() deriva um valor a partir de outro estado reativo e o armazena em cache: recalcu...
createApp()	createApp() cria uma instância de aplicação a partir do componente raiz; o objeto retornad...
created	created roda assim que a instância é inicializada, com data e methods disponíveis mas sem ...
createSSRApp()	createSSRApp() é igual ao createApp, mas hidrata o HTML renderizado no servidor em vez de ...
customRef()	customRef() personaliza o rastreamento de dependências e o momento de disparo por meio de ...
D
data	A opção data declara o estado reativo do componente como uma função que retorna um objeto,...
deactivated	deactivated roda quando um componente em cache é ocultado — ele não é destruído, então pau...
defineAsyncComponent()	defineAsyncComponent() cria um componente carregado sob demanda na primeira renderização —...
defineComponent()	defineComponent() é um helper de tipagem — principalmente para inferência precisa de TypeS...
defineCustomElement()	defineCustomElement() empacota um componente Vue como um custom element baseado em padrões...
E
effectScope()	effectScope() cria um escopo que reúne vários observadores/propriedades computadas para in...
emits	A opção emits documenta e valida os eventos que um componente dispara; emissões não declar...
errorCaptured	errorCaptured captura erros de componentes descendentes; retornar false interrompe a propa...
expose	A opção expose restringe quais membros o pai alcança por meio de um template ref; por padr...
G
getCurrentScope()	getCurrentScope() devolve o effectScope atual (ou undefined se não houver), usado para pen...
H
h()	h() cria nós virtuais (VNodes) — a primitiva por trás de render functions e JSX.
hasInjectionContext()	hasInjectionContext() verifica se o contexto atual permite usar inject (dentro do setup ou...
I
inheritAttrs	inheritAttrs: false impede que atributos não declarados caiam no elemento raiz, permitindo...
inject	A opção inject declara dependências — um array sem padrões, ou um objeto com from e defaul...
inject()	inject() obtém em qualquer componente descendente os dados fornecidos pelo ancestral via p...
is	O atributo is define qual componente ou tag nativa o <component> renderiza; também serve p...
isProxy()	isProxy() verifica se um valor é um proxy criado por reactive() ou readonly().
isReactive()	isReactive() verifica se um valor foi criado por reactive() (ou por um subproxy dele).
isReadonly()	isReadonly() verifica se um valor foi criado por readonly() (incluindo proxies somente lei...
isRef()	isRef() verifica se um valor é um objeto ref; é comum em funções utilitárias para distingu...
K
key	A key é o identificador dos itens do v-for: ajuda o Vue a reutilizar/reconstruir nós com p...
M
markRaw()	markRaw() marca um objeto para que ele não seja proxy mesmo quando colocado em estruturas ...
mergeProps()	mergeProps() mescla objetos de props — class e style são concatenadas, todos os listeners ...
methods	A opção methods reúne as funções do componente usadas como manipuladores de eventos e help...
mounted	mounted roda depois que o componente é renderizado no DOM — o lugar padrão para template r...
N
name	A opção name rotula um componente, afetando o Devtools, a autorreferência recursiva e as m...
nextTick()	nextTick() retorna uma Promise que resolve após a próxima atualização do DOM — use para le...
O
onActivated()	onActivated() é chamado quando um componente cacheado por <KeepAlive> é exibido novamente ...
onBeforeMount()	onBeforeMount() é chamado antes de o componente ser renderizado pela primeira vez no DOM: ...
onBeforeUnmount()	onBeforeUnmount() é chamado logo antes de o componente ser destruído: o DOM ainda está dis...
onBeforeUpdate()	onBeforeUpdate() é chamado quando os dados reativos mudaram e o DOM está prestes a atualiz...
onDeactivated()	onDeactivated() é chamado quando um componente cacheado por <KeepAlive> é ocultado (desati...
onErrorCaptured()	onErrorCaptured() captura erros lançados por componentes descendentes em renderização/cicl...
onMounted()	onMounted() é chamado depois que o componente e seus filhos são montados no DOM: é o lugar...
onRenderTracked()	onRenderTracked() é chamado a cada dependência reativa coletada durante a renderização do ...
onRenderTriggered()	onRenderTriggered() é chamado quando uma mudança de dependência faz o componente re-render...
onScopeDispose()	onScopeDispose() executa a limpeza quando o escopo atual é interrompido: ao escrever compo...
onServerPrefetch()	onServerPrefetch() só executa durante a renderização no servidor: o HTML só é renderizado ...
onUnmounted()	onUnmounted() é chamado depois que o componente é destruído, o DOM removido e todos os efe...
onUpdated()	onUpdated() é chamado depois que o componente re-renderiza por mudanças reativas e o DOM é...
onWatcherCleanup()	onWatcherCleanup() registra uma função de limpeza chamada antes de o observador ficar invá...
P
props	props declara os atributos que um componente aceita, com forma abreviada em array ou sinta...
provide	A opção provide fornece dados para baixo — um objeto para valores estáticos, uma função pa...
provide()	provide() fornece dados no componente ancestral e descendentes de qualquer nível podem obt...
R
reactive()	reactive() envolve um objeto ou array em um proxy reativo profundo — ler e escrever propri...
readonly()	readonly() cria um proxy somente leitura dos dados originais: qualquer escrita emite um av...
ref	O atributo ref dá um nome de referência a um elemento ou componente, acessível no script v...
ref()	ref() envolve qualquer valor em um objeto reativo acessado por meio de .value. É a forma d...
render	A opção render retorna nós virtuais em vez de marcação de template — para estruturas total...
renderToString()	renderToString() renderiza um app como uma string HTML no servidor — a etapa de saída do S...
resolveComponent()	resolveComponent() busca um componente registrado pelo nome dentro de render functions, pr...
S
shallowReactive()	shallowReactive() deixa reativas apenas as propriedades do primeiro nível do objeto; objet...
shallowReadonly()	shallowReadonly() deixa somente leitura apenas as propriedades do primeiro nível; objetos ...
shallowRef()	shallowRef() só rastreia a substituição de .value e não cria proxy profundo dos objetos in...
slots	A opção slots declara o acesso a slots como função, produzindo um $slots rastreado — a pre...
T
template	A opção template fornece o HTML do componente como uma string, compilada em tempo de execu...
toRaw()	toRaw() devolve o objeto original por trás do proxy: use quando precisar burlar o rastream...
toRef()	toRef() converte uma propriedade de um objeto reativo em um ref com vínculo bidirecional: ...
toRefs()	toRefs() converte cada propriedade de um objeto reativo em um ref, preservando a reativida...
toValue()	toValue() normaliza valores comuns, refs e funções getter para o valor atual: funções reut...
triggerRef()	triggerRef() dispara manualmente os efeitos colaterais ligados a um shallowRef: é a válvul...
U
unmounted	unmounted roda depois que a instância é destruída e seu DOM removido — o lugar final para ...
unref()	unref() é um atalho para isRef(v) ? v.value : v: se for um ref, extrai o valor interno; se...
updated	updated roda depois que uma mudança de dados re-renderiza o componente e o DOM é atualizad...
useAttrs()	useAttrs() devolve os atributos transmitidos não declarados em props/emits (class, id, lis...
useHost()	useHost() retorna o elemento host dentro de um custom element, permitindo manipular seus a...
useId()	useId() devolve uma string de ID única e estável por instância de componente: usada em atr...
useModel()	useModel() define um modelo gravável dentro de <script setup>: quando o componente pai faz...
useSlots()	useSlots() devolve o conjunto de funções de slot passadas pelo componente pai, usado para ...
useSSRContext()	useSSRContext() recupera o contexto SSR durante a renderização no servidor, permitindo lev...
useTemplateRef()	useTemplateRef() obtém a referência de template da propriedade ref de mesmo nome por chave...
V
v-bind (:)	O v-bind vincula o resultado de uma expressão a um atributo HTML, abreviado como dois-pont...
v-cloak	O v-cloak permanece no elemento até a compilação terminar; combinado com CSS, esconde o te...
v-else	O v-else fornece a branch 'senão' do v-if: renderiza quando o v-if é falso e não recebe ex...
v-else-if	O v-else-if encadeia múltiplas branches condicionais, avaliando cada uma até encontrar uma...
v-for	O v-for renderiza um grupo de elementos iterando um array ou objeto com a sintaxe item in ...
v-html	O v-html interpreta a string como HTML e injeta dentro do elemento; serve para renderizar ...
v-if	O v-if renderiza o bloco apenas quando a expressão é verdadeira: quando falsa, o elemento ...
v-memo	O v-memo recebe um array de dependências; quando os valores não mudam, toda a subárvore é ...
v-model	O v-model cria vínculo bidirecional entre o controle de formulário e os dados: digitar atu...
v-on (@)	O v-on vincula um listener de evento, abreviado como @: @click="handler"; aceita expressõe...
v-once	O v-once renderiza o elemento uma única vez; mudanças posteriores nos dados não o re-rende...
v-pre	O v-pre pula a compilação do elemento e de seus filhos: imprime sintaxe de template como {...
v-show	O v-show alterna o estilo display do elemento conforme a expressão: o elemento permanece s...
v-slot (#)	O v-slot define o conteúdo do slot, abreviado como #: serve para entregar fragmentos de te...
v-text	O v-text define o textContent do elemento a partir da expressão; equivale à interpolação c...
W
watch	A opção watch organiza callbacks pelo nome da propriedade observada, suportando handler, d...
watch()	watch() observa uma ou mais fontes reativas e executa um callback quando mudam, recebendo ...
watchEffect()	watchEffect() executa imediatamente a função passada e rastreia automaticamente os dados r...
watchPostEffect()	watchPostEffect() equivale a watchEffect com flush: 'post': executa depois que o DOM do co...
watchSyncEffect()	watchSyncEffect() equivale a watchEffect com flush: 'sync': executa imediatamente de forma...
withModifiers()	withModifiers() aplica comportamentos de modificadores como stop, prevent e once a handler...

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

Sobre Nós