伺服器端元件 API

在 GitHub 上編輯此頁面

ts
const result = Component.render(...)

與用戶端元件不同，伺服器端元件在您渲染後沒有生命週期 — 其全部工作是建立一些 HTML 和 CSS。因此，API 有些不同。

伺服器端元件公開一個 render 方法，可以使用選用屬性呼叫。它傳回一個包含 head、html 和 css 屬性的物件，其中 head 包含遭遇到的任何 <svelte:head> 元素的內容。

你可以使用 svelte/register 將 Svelte 元件直接匯入 Node。

ts
require('svelte/register');

const App = require('./App.svelte').default;

const { head, html, css } = App.render({
	answer: 42
});

.render() 方法接受下列參數

參數	預設值	說明
props	{}	提供給元件的屬性物件
options	{}	選項物件

options 物件採用下列選項

選項	預設值	說明
context	new Map()	提供給元件的根層級內容金鑰值對的 Map

ts
const { head, html, css } = App.render(
	// props
	{ answer: 42 },
	// options
	{
		context: new Map([['context-key', 'context-value']])
	}
);