Svelte模板语法

{@debug ...}

{@debug ...} 标签提供了一个替代 console.log(...) 的方案。它会在特定变量发生变化时记录这些变量的值，并且如果你打开了开发者工具，它会暂停代码执行。

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

{@debug user}

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

{@debug ...} 接受一个以逗号分隔的变量名列表（不接受任意表达式）。

<!-- 可以编译 -->
{@debug user}
{@debug user1, user2, user3}

<!-- 无法编译 -->
{@debug user.firstname}
{@debug myArray[0]}
{@debug !isReady}
{@debug typeof user === 'object'}

不带任何参数的 {@debug} 标签会插入一个 debugger 语句，该语句会在任何状态发生变化时触发，而不是仅在指定的变量发生变化时触发。

在 GitHub 编辑此页面

{@const ...} bind: