Sunucu Tarafı İşleme APIsi

Sunucu Tarafı İşleme API'si

renderToString()

• vue/server-renderer'dan dışa aktarılmıştır.

• Tip

  function renderToString(
    input: App | VNode,
    context?: SSRContext
  ): Promise<string>

• Örnek

  import { createSSRApp } from 'vue'
  import { renderToString } from 'vue/server-renderer'
  
  const app = createSSRApp({
    data: () => ({ msg: 'hello' }),
    template: `<div>{{ msg }}</div>`
  })
  
  ;(async () => {
    const html = await renderToString(app)
    console.log(html)
  })()

  SSR Bağlamı

  İsteğe bağlı bir bağlam nesnesi geçirebilirsiniz, bu nesne render sırasında ek verileri kaydetmek için kullanılabilir; örneğin, Teleports içeriğine erişmek:

  const ctx = {}
  const html = await renderToString(app, ctx)
  
  console.log(ctx.teleports) // { '#teleported': 'teleported content' }

  Bu sayfadaki diğer çoğu SSR API'si de isteğe bağlı bir bağlam nesnesi alır. Bağlam nesnesi, bileşen kodunda useSSRContext yardımcı fonksiyonu aracılığıyla erişilebilir.

• Ayrıca bakınız Kılavuz - Sunucu Tarafı İşleme