Svelte 5 与 Runes

Svelte 5 是该框架的一个重大里程碑，最引人注目的变化就是 Runes。

什么是 Runes？

Runes 是一组特殊的符号，用于告诉 Svelte 编译器如何处理响应式数据。

$state

以前我们使用 let 来定义响应式变量，现在我们使用 $state：

let count = $state(0);

$derived

对于计算属性，我们使用 $derived：

let doubled = $derived(count * 2);

为什么做出改变？

1. 更清晰的逻辑：响应式不再局限于 .svelte 文件的顶层。
2. 更好的性能：更精细的依赖追踪。
3. 一致性：无论是在组件内还是在独立的 JS 文件中，写法都保持一致。

探索 Svelte 5，开启前端开发的新篇章！