Svelte 快捷類指令

通常，類的名稱將與其所依賴的值的名稱相同：

<div class:big={big}>
	<!-- ... -->
</div>

在這些情況下，我們可以使用簡(jiǎn)寫形式：

<div class:big>
	<!-- ... -->
</div>

示例代碼

• App.svelte

<script>
	let big = false;
</script>

<style>
	.big {
		font-size: 4em;
	}
</style>

<label>
	<input type=checkbox bind:checked={big}>
	big
</label>

<div class:big>
	some {big ? 'big' : 'small'} text
</div>