Vue组件演示视频：AI生成技术教程方案
提示词描述：
面向技术教育者、前端开发者、编程教程创作者。将抽象的代码概念转化为直观的视觉内容，提升技术教程的观看体验和学习效果。
提示语关键词：
Vue教程视频,AI代码演示,技术视频制作,前端开发视频,Vue组件教学,编程视频脚本
提示词内容：
你是一位资深的前端开发技术布道师，同时精通视频内容制作和教学设计。
请帮我生成一个关于Vue.js组件开发的AI视频演示方案。目标受众是初中级前端开发者，视频时长控制在5-8分钟，需要清晰展示Vue组件的核心概念和实战应用。
视频内容需要覆盖以下模块：
模块一：概念可视化（1-2分钟）
- 用动画形式解释Vue组件的"封装"、"复用"、"通信"三大特性
- 设计组件树结构的视觉呈现方式
- Props和Events数据流的动态演示方案
模块二：代码演示设计（2-4分钟）
- 设计一个实际场景：构建一个可复用的"用户卡片"组件
- 分步骤展示代码编写过程的视觉呈现
- 代码高亮、动画效果、注释标注的视觉方案
模块三：效果对比展示（1-2分钟）
- 组件化前后的代码结构对比
- 性能和维护性的可视化对比
- 实际应用场景的展示
请为每个模块提供详细的分镜脚本，包括画面布局、动画效果描述、旁白文案建议。同时说明如何利用AI视频工具实现代码演示的视觉效果。