v-else Branch Condicional (Senão)
Última atualização: 2026-10-22
v-else Branch Condicional (Senão)
O v-else fornece a branch 'senão' do v-if: renderiza quando o v-if é falso e não recebe expressão.
| Grupo | Diretivas |
|---|---|
| Tipo | Diretiva |
| Escopo | Template |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
<p v-if="loggedIn">Bem-vindo de volta</p>
<p v-else>Por favor, faça login</p>⚙️ Argumentos
| expression | Sem expressão |
|---|
Retorno：Diretiva, sem valor de retorno
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
The page shows 'Pass'; change score to 50 to see 'Fail'.💡 Pontos-chave
⚠️ Aviso O v-else deve vir imediatamente após o elemento v-if / v-else-if, sem outros elementos ou comentários no meio.
💡 Dica Encadeie múltiplas branches com v-else-if e feche com um único v-else.
ℹ️ Nota O elemento v-else precisa ser irmão imediato do elemento v-if.
🏷️ Diretivas relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P O v-else precisa vir logo após o v-if?
R Sim — qualquer elemento ou comentário no meio quebra o pareamento.
P Pode haver mais de um v-else?
R Não — uma cadeia tem um único v-else no final; condições intermediárias usam v-else-if.
P O v-else recebe expressão?
R Não — ele renderiza sempre que a branch anterior for falsa.
