Vue 提供了丰富的动画功能，包括 CSS 过渡、CSS 动画、JavaScript 动画、Vue 内置的 transition 组件 以及 第三方动画库（如 Animate.css、GSAP）。在 Vue 2 和 Vue 3 中，动画的使用方式基本一致，但 Vue 3 进行了优化，提高了性能和扩展性。
文章目录
- **1. Vue 内置动画：`transition` 组件**
- **1.1 基本过渡**
- **示例：淡入淡出**
- **1.2 自定义过渡名称**
- **2. CSS 动画**
- **2.1 使用 CSS 动画**
- **3. JavaScript 过渡**
- **4. 列表动画**
- **5. Vue 与第三方动画库**
- **5.1 Animate.css**
- **5.2 GSAP 动画**
- **最佳选择分析**
- **最终推荐**
