<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" />
上一页 下一页