renderToString() Renderizar para string HTML

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

renderToString() Renderizar para string HTML

renderToString() renderiza um app como uma string HTML no servidor — a etapa de saída do SSR, hidratada pelo createSSRApp no cliente.

GrupoFunções de Renderização e SSR
TipoAPI
EscopoGlobal
Versão do Vue3.0+
Suporte a SSRSim

📝 Sintaxe

import { renderToString } from "vue/server-renderer"
const html = await renderToString(app)

⚙️ Argumentos

app, context?Uma instância de app (opcionalmente com um contexto SSR)

Retorno:Promise do HTML renderizado

▶ Exemplo

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

Saída:

Shows the SSR notice (real rendering happens in Node).

💡 Pontos-chave

ℹ️ Nota Importado de vue/server-renderer — apenas Node.
💡 Dica Combina com onServerPrefetch e useSSRContext.
⚠️ Aviso Sem acesso a window ou document em SSR.
Mais casos em breve.

📚 Tutoriais Relacionados

❓ FAQ

P Dá para usar no navegador?
R Não — é apenas para Node.
P Relação com o Nuxt?
R O Nuxt encapsula exatamente esse pipeline.
P O que a saída inclui?
R HTML mais o estado serializado para hidrataçã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%