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.

GrupoAPI Global
TipoAPI
EscopoGlobal
Versão do Vue3.0+
Suporte a SSRSim

📝 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.
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.
Web-Tutorial.com

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.

100%