Svelte Lifecycle, Stores, Context, Testing (Svelte 5)

本技能覆盖 Svelte 5 中"非 Runes" 但仍属于核心响应式架构的子系统：生命周期钩子（onMount / onDestroy / tick）、Stores（writable / readable / derived / 自定义）、Context API（createContext / setContext / getContext），以及测试体系（Vitest 单元与组件测试、Storybook、Playwright e2e）。也覆盖浏览器支持矩阵与例外。

When to use this skill

• 需要在组件挂载后访问 DOM（onMount）或在组件销毁前清理（onDestroy）
• 需要在状态变更后等待 DOM 更新（tick）
• 需要跨组件共享反应式状态，但不想用 import 模块（用 Stores 或 Context）
• 需要写跨组件异步流（Readable/derived store）
• 需要用 Context 替代 prop drilling，且涉及 SSR 时不污染全局
• 需要为 Svelte 组件写 Vitest 单元/组件测试、Storybook stories 或 Playwright e2e
• 需要查浏览器最低版本与例外特性

Critical: onMount

onMount(fn) 在组件挂载到 DOM 后立即运行。仅在浏览器执行——SSR 时不调用。

基础用法