Svelte 賦值

Svelte 的核心是一個強大的 reactivity 系統(tǒng)，用于使 DOM 與您的應(yīng)用程序狀態(tài)保持同步——例如，響應(yīng)事件。

為了演示它，我們首先需要添加一個事件處理程序。

• App.svelte

<script>
	let count = 0;

	function handleClick() {
		// event handler code goes here
	}
</script>

<button>
	Clicked {count} {count === 1 ? 'time' : 'times'}
</button>

將第9行的 ?<button>? 改為這樣。

<button on:click={incrementCount}>

在 ?incrementCount? 函數(shù)中，我們需要做的就是改變 ?count? 的值：

function incrementCount() {
	count += 1;
}

Svelte 其實是將此賦值語句替換為一些代碼，這些代碼將通知 Svelte 更新 DOM。