Svelte模板語法

{@debug ...}

{@debug ...} 標籤提供 console.log(...) 的替代方案。它會在特定變數的值變更時記錄下來，如果您開啟了開發人員工具，還會暫停程式碼執行。

<script>
	let user = {
		firstname: 'Ada',
		lastname: 'Lovelace'
	};
</script>

{@debug user}

<h1>Hello {user.firstname}!</h1>

{@debug ...} 接受以逗號分隔的變數名稱列表（不是任意表達式）。

<!-- Compiles -->
{@debug user}
{@debug user1, user2, user3}

<!-- WON'T compile -->
{@debug user.firstname}
{@debug myArray[0]}
{@debug !isReady}
{@debug typeof user === 'object'}

不帶任何參數的 {@debug} 標籤會插入一個 debugger 陳述式，當 _任何_ 狀態變更時觸發，而不是指定的變數。

在 GitHub 上編輯此頁

{@const ...} bind