メインコンテンツに移動する

<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} — コンポーネントのプロパティのgetterとsetterを追加します
  • accessors={false} — デフォルト
<svelte:options customElement="my-custom-element" />

GitHubでこのページを編集する