跳至主要內容

Svelte 的核心是一個強大的反應性系統,用於保持 DOM 與應用程式狀態同步 — 例如,響應事件。

透過使用 $state(...) 包裹值來使 count 宣告具有反應性

App
let count = $state(0);

這稱為一個 rune,它是您告訴 Svelte count 不是一個普通變數的方式。Runes 看起來像函式,但它們不是 — 當您使用 Svelte 時,它們是語言本身的一部分。

剩下的就是實作 increment

App
function increment() {
	count += 1;
}

在 GitHub 上編輯此頁面

上一步 下一步
1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
	let count = 0;
 
	function increment() {
		// TODO implement
	}
</script>
 
<button onclick={increment}>
	Clicked {count}
	{count === 1 ? 'time' : 'times'}
</button>