服务器端组件 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']])
	}
);