用途:为 Svelte 5 的 runes 提供使用指导,聚焦响应式状态、props 和副作用(effects),并帮助避免混用不同版本的语法。
主要能力:覆盖五个核心 rune 的选择——Props:$props();可绑定:$bindable();计算:$derived();副作用:$effect();状态:$state()。资料给出的关键规则包括:runes 只能位于顶层;$derived 可被覆盖(用 const 表示只读);对象与数组默认深度响应式。
使用方式:资料中的示例展示 count 用 $state(0) 声明可变状态,doubled 用 $derived(count * 2) 计算,$effect 内执行副作用并打印 count,按钮通过 onclick 修改 count。事件处理使用 onclick,而非 on:click;布局中子内容使用 {@render children()}。技能包含参考文件:references/reactivity-patterns.md(何时使用各 rune)、references/component-api.md($props、$bindable 模式)、references/snippets-vs-slots.md(新 snippet 语法)、references/common-mistakes.md(反模式与修复)。
适用场景:在编写或审查 Svelte 5 组件、需要判断该用哪个 rune、或排查响应式与 props 绑定问题时使用。
限制与注意:建议在给出语法前先确认 Svelte 版本;资料提到 Svelte 5.25+ 有破坏性变更,$derived 现在可被重新赋值,故用 const 实现只读。资料最后验证日期为 2025-01-11。品牌、收费、安装命令及完整用法细节暂未提供。