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>