由于这两个条件——​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 中的几乎所有语法。