企业级Vue组件开发：高转化互动模块代码生成指南
提示词描述：
适用于前端开发团队在构建高转化率营销活动页面时，快速生成符合企业级规范的Vue 3互动组件。通过结构化的步骤指引，确保生成的代码兼具视觉创意与工程严谨性，有效缩短复杂交互模块的开发周期。
提示语关键词：
Vue3组件开发,AI写代码,前端互动组件,Vue组合式API,企业级前端代码,动态交互代码生成
提示词内容：
你是一位资深前端架构师，精通Vue 3生态及现代交互设计。请协助我开发一个用于提升用户转化率的高级互动组件。该组件需包含视差滚动效果与动态数据绑定功能。
请按照以下步骤输出代码：首先，提供组件的模板结构，确保语义化与可访问性；其次，编写组合式API（Composition API）逻辑，包含响应式状态管理与生命周期钩子；最后，提供配套的CSS样式代码，要求使用CSS变量以实现主题切换，并添加平滑的过渡动画。
在编写代码时，请务必遵循企业级开发规范，包含完整的TypeScript类型定义与必要的代码注释。确保代码具备高复用性，并考虑边界情况的异常处理。