✨减少依赖体积

●能用原生实现的动效，就不要切Lottie，提前做好切分

●使用的时候，不要一股脑的复制粘贴过来，而是应该进行如下步骤的清洗

○合并同样的图片依赖素材，减小依赖图片的大小

○一些很大的背景图片（不影响主体内容展示的）可以放在CDN

○将Lottie的json文件格式改为ts格式，以对象的形式导入，从而使其支持相对路径下图片资源的解析，让图片资源经过webpack/vite的打包处理。

修改lottie依赖的图片资源路径的位置在这：

assets属性下，引用的图片资源对象中的p属性下，表示路径

✨lottie的基本使用

详情可见官方文档https://vue3-lottie.vercel.app/api/props

●数据导入：通过animationData直接导入lottie对象数据 / animationLink中传入包含Lottie数据的URL

●其他props例如width、speed、direction可以控制Lottie的大小、速度、展示方向等等

●Lottie还提供onComplete、onAnimationLoaded等这类生命周期监听事件，可以传入一些回调方法做数据处理

●lottie实例对象也可以调用play、pause、stop、setSpeed、goToAndPlay等方法控制Lottie动画的显示。

实用小tip：在lottie.json存放的动画数据中，我们可以通过cl（也就是class）捕获一些Lottie中的元素实例，并根据其click等事件的触发，调用上述这些实例方法，来人为地控制动画的显示进程。