文章预览
Svelte 是一个 Web 开发框架,无虚拟 dom,同时提供了许多开箱即用的功能,感兴趣的可以查看 Svelte 文档 [1] 。 Svelte 前几天发布了最新的 V5.0 大版本,其中最核心的修改就是重构了它的响应式系统。Svelte 把它起名叫做 runes, 所有 runes API 都使用 $ 开头。 今天一起来学习一下全新的 runes 响应式 API。 $state 在旧版本中,直接使用 let 就可以定义一个响应式变量:
// 像普通变量一样直接用 let 定义 let counter =
1;
function increment() {
counter++;
}
< div > < button onclick = {increment} >Increment With lega
………………………………