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