Svelte 官方入门教程(16) - 调试

@debug tag

有时，在一条数据流经您的应用程序时对其进行检查很有用。

一种方法是在标记中使用 console.log(...)。 但是，如果您想暂停执行，您可以使用 {@debug ...} 标记和您要检查的以逗号分隔的值列表：

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

<input bind:value={user.firstname}>
<input bind:value={user.lastname}>

{@debug user}

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

如果您现在打开您的开发工具并开始与 <input> 元素交互，您将在 user 的值更改时触发调试器。

其实这个就类似js中的debugger,不过debugger不输出log，这个{@debug ...} 就等于console.log + debugger。

恭喜你

到这里官方的入门教程就结束了，如果你一直看到这里恭喜你已经svelte入门了。

后续

后续如果有好的关于svelte的文章还会继续输出，也会考虑svelte的月报