Skip to main content

<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 和 setter
  • accessors={false} — 默认值
<svelte:options customElement="my-custom-element" />

在 GitHub 编辑此页面

上一页 下一页