Svelte 的核心是一個強大的反應性系統,用於保持 DOM 與應用程式狀態同步 — 例如,響應事件。
透過使用 $state(...)
包裹值來使 count
宣告具有反應性
App
let count = $state(0);
這稱為一個 rune,它是您告訴 Svelte count
不是一個普通變數的方式。Runes 看起來像函式,但它們不是 — 當您使用 Svelte 時,它們是語言本身的一部分。
剩下的就是實作 increment
App
function increment() {
count += 1;
}
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>