跳至主要內容

<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 上編輯此頁面

上一個 下一個