介绍了 Lottie 动画及其在 Vue 3 项目中的使用方法，重点解决了批量引入图片和相对路径问题，确保动画正常显示。

如果着急直接跳到「解决」章节。

前言

什么是 Lottie 动画？

Lottie 动画是一种轻量级的动画文件格式，它使用 JSON 描述动画数据，可以通过Lottie库在网页和移动应用中快速加载和渲染高质量的动画。它支持 AE 动画导出，并能够实现复杂的动效，同时保持小文件体积和高性能。

----chatGPT

简单来说，Lottie 动画是一种用 JSON 格式描述的动画。由于其小体积和高性能，常用于实现复杂动画，UI 设计师可以将其导出给前端，前端导入后即可使用。

如何使用 lottie 动画

只需三步。

1、安装 vue3-lottie

npm install vue3-lottie@latest --save

2、注册组件

// main.js
import