SuperAPI AI 工具集

svelte-runes

前端与建站

查看项目

更新于 10-16 05:03

技能介绍

用途:该技能为 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。

限制:资料未提供安装方式、收费价格、平台支持范围及具体使用步骤之外的信息。