跳至主要内容

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

通过使用$state(...)包装值,使count声明变为响应式。

应用
let count = $state(0);

这被称为符文,它是告诉 Svelte count不是一个普通变量的方式。符文看起来像函数,但它们不是——当您使用 Svelte 时,它们是语言本身的一部分。

剩下的就是实现increment

应用
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>