<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 和 setteraccessors={false}
— 預設值
<svelte:options customElement="my-custom-element" />
上一個 下一個