用途:该技能为 Svelte runes 提供使用指导,适用于响应式状态、props、effects 以及从 Svelte 4 迁移到 5 的场景,目标是帮助避免常见的响应式错误。
主要能力:覆盖各 rune 的选用——Props 用 $props(),可绑定值用 $bindable(),计算值用 $derived(),副作用用 $effect(),状态用 $state()。
关键规则:runes 只能位于顶层;$derived 可被覆盖(用 const 声明即为只读);不要混用 Svelte 4 与 5 的语法;对象和数组默认是深层响应式的。
参考文件:reactivity-patterns.md(各 rune 的使用时机)、migration-gotchas.md(Svelte 4→5 转换)、component-api.md($props、$bindable 模式)、snippets-vs-slots.md(新 snippet 语法)、common-mistakes.md(反模式及修复)。模板指令如 @attach 参见 svelte-template-directives 技能。
用法要点:使用 onclick 而非 on:click;布局中使用 {@render children()};$derived 自 5.25+ 可重新赋值,只读请用 const。最后验证日期为 2025-01-11。
限制:资料未提供安装方式、收费价格、平台支持范围及具体使用步骤之外的信息。