用途：在 Vue（含 Nuxt）、Svelte（含 SvelteKit）等带生命周期（mounted/unmounted）的组件框架中编写或审查 GSAP 动画代码。React 场景应改用 gsap-react（useGSAP、gsap.context()）；补间与时间线参考 gsap-core、gsap-timeline，滚动动画参考 gsap-scrolltrigger。
主要能力与原则：在组件 DOM 可用后（onMounted、onMount）再创建补间和 ScrollTrigger；在卸载清理中 kill 或 revert，避免在已脱离的节点上运行和内存泄漏；用组件根元素限定选择器作用域，使 .box 等只匹配组件内部元素。
使用方式：Vue 3 用 gsap.context(callback, container.value) 包裹动画，onUnmounted 调用 ctx.revert()；script setup 写法相同。Nuxt 4 提供可复用 composable 注册插件，并通过 lazyLoadPlugin 懒加载不常用插件（如 SplitText、MorphSVG）以减小初始包体，组件内通过 useGSAP() 获取 gsap、ScrollTrigger 与懒加载方法。Svelte 用 bind:this 获取根元素，onMount 返回 () => ctx.revert() 完成清理。插件在应用级注册一次，不要放在每次渲染都执行的组件体内。
限制与注意：不要在 setup 或根元素存在前的同步顶层脚本中创建动画；不要使用无作用域的全局选择器；不要跳过清理。布局变化影响触发位置后需调用 ScrollTrigger.refresh()（Vue 用 nextTick、Svelte 用 tick 或异步内容加载后）。资料未提供收费、价格与平台信息。