<svelte:options>
<svelte:options option={value} /><svelte:options> 元素提供了一个指定每个组件编译器选项的位置,这些选项在编译器部分有详细说明。可用的选项包括:
runes={true}— 强制组件进入 符文模式 (参见 Legacy APIs 部分)runes={false}— 强制组件进入 遗留模式namespace="..."— 该组件将使用的命名空间,可以是 “html”(默认)、”svg” 或 “mathml”customElement={...}— 将此组件编译为自定义元素时使用的选项。如果传入字符串,则将其用作tag选项css="injected"— 该组件将内联注入其样式:在服务端渲染期间,它会作为<style>标签注入到head中,在客户端渲染期间,它通过 JavaScript 加载
Legacy mode
遗留模式 Svelte 4 还包含以下废弃选项。它们在 Svelte 5 中已被废弃,在符文模式下不可用。
immutable={true}— 从不使用可变数据,因此编译器可以进行简单的引用相等性检查来确定值是否已更改immutable={false}— 默认值。Svelte 将更保守地判断可变对象是否发生了变化。accessors={true}— 为组件的 props 添加 getter 和 setteraccessors={false}— 默认值
<svelte:options customElement="my-custom-element" />上一页 下一页