gsap-frameworks - Vue、Svelte 与 Nuxt 的 GSAP 动画集成指南
指导在 Vue、Svelte、Nuxt 等非 React 框架中使用 GSAP 进行动画开发，涵盖生命周期管理、选择器作用域限制与组件卸载清理。
标签
更新于: 2026-09-23能力
典型输入
典型输出
该技能可以做什么
- 使用 gsap.context 限制选择器作用域
- 在 Vue 生命周期中管理动画
- 在 Nuxt 中按需延迟加载插件
- 组件卸载时清理动画与触发器
- 布局变更后刷新 ScrollTrigger
输入
- 组件根 DOM 引用
- GSAP 库及插件
- 框架生命周期钩子
输出
- 作用域限定的 GSAP 动画实例
- 已清理的动画与触发器状态
- 按需加载的 GSAP 插件模块
要求
- Vue、Nuxt、Svelte 或 SvelteKit 环境
- 已安装 GSAP 软件包