由于這兩個條件——?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}? 中，表示塊繼續(xù)標記。別擔心——您已經了解了 Svelte 添加到 HTML 中的幾乎所有語法。