跳至主要内容

<svelte:options>

<svelte:options option={value} />

<svelte:options> 元素提供了一个位置来指定每个组件的编译器选项,这些选项在 编译器部分 中详细介绍。可能的选项是

  • runes={true} — 强制组件进入符文模式(请参阅 旧版 API 部分)
  • runes={false} — 强制组件进入旧版模式
  • namespace="..." — 此组件将使用的命名空间,可以是“html”(默认值),“svg”或“mathml”
  • customElement={...} — 将此组件编译为自定义元素时使用的 选项。如果传递字符串,则将其用作tag选项
  • css="injected" — 组件将内联注入其样式:在服务器端渲染期间,它作为<style>标签注入head中,在客户端渲染期间,它通过 JavaScript 加载
旧版模式

已弃用的选项 Svelte 4 还包含以下选项。它们在 Svelte 5 中已弃用,并且在符文模式下不起作用。

  • immutable={true} — 您从不使用可变数据,因此编译器可以执行简单的引用相等性检查以确定值是否已更改
  • immutable={false} — 默认值。Svelte 将更保守地确定可变对象是否已更改
  • accessors={true} — 为组件的 props 添加 getter 和 setter
  • accessors={false} — 默认值
<svelte:options customElement="my-custom-element" />

在 GitHub 上编辑此页面

上一页 下一页