Svelte 的核心是一个强大的 reactivity 系统，用于使 DOM 与您的应用程序状态保持同步——例如，响应事件。

为了演示它，我们首先需要添加一个事件处理程序。

• 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​ 函数中，我们需要做的就是改变 ​count​ 的值：

function incrementCount() {
	count += 1;
}

Svelte 其实是将此赋值语句替换为一些代码，这些代码将通知 Svelte 更新 DOM。