Svelte 的核心是一个强大的响应式系统,用于使 DOM 与应用程序状态保持同步——例如,响应事件。
通过使用$state(...)
包装值,使count
声明变为响应式。
应用
let count = $state(0);
这被称为符文,它是告诉 Svelte count
不是一个普通变量的方式。符文看起来像函数,但它们不是——当您使用 Svelte 时,它们是语言本身的一部分。
剩下的就是实现increment
。
应用
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>