createSSRApp() Criar um app SSR
Última atualização: 2026-10-22
createSSRApp() Criar um app SSR
createSSRApp() é igual ao createApp, mas hidrata o HTML renderizado no servidor em vez de renderizá-lo novamente.
| Grupo | API Global |
|---|---|
| Tipo | API |
| Escopo | Global |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
const app = createSSRApp(App)
app.mount("#app") // hidrata em vez de reconstruir
⚙️ Argumentos
| rootComponent, rootProps? | Igual ao createApp (componente raiz + props opcionais) |
|---|
Retorno:Uma instância de aplicação
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída:
The console logs the call; in real SSR the server HTML is taken over.
💡 Pontos-chave
ℹ️ Nota A hidratação exige que a saída do servidor e do cliente seja igual.
⚠️ Aviso Dados não determinísticos quebram a hidratação.
💡 Dica SPAs usam createApp; projetos SSR usam este.
🏷️ API Global relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Qual a diferença em relação ao createApp?
R createApp reconstrói; createSSRApp reutiliza o DOM do servidor.
P E se eu usar o errado?
R createApp em páginas SSR descarta o HTML do servidor e causa flicker.
P SPAs precisam dele?
R Não.