SvelteElse块

Svelte Else 块

由于这两个条件——​if user.loggedIn​ 和 ​if !user.loggedIn​——是互斥的,我们可以通过使用 ​else​ 块稍微简化这个组件:{#if user.loggedIn}

<button on:click={toggle}>

Log out

</button>

{:else}

<button on:click={toggle}>

Log in

</button>

{/if}​#​ 字符始终表示块开始标记。 ​/​ 字符始终表示块结束标记。一个 ​:​ 字符,如在 ​{:else}​ 中,表示块继续标记。别担心——您已经了解了 Svelte 添加到 HTML 中的几乎所有语法。