SvelteThe@debugtag

Svelte The @debug tag

有时,在数据流经您的应用程序时检查它很有用。

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

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

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

示例代码

App.svelte

<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>