准备资源
1.AE 自己导出 搭配插件 bodymovin
2.lottieFiles 官网下载,这里下载json 文件,存放进vue 项目 asset 文件夹下
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/493a17df6df11ba58904afe7a9c48cfb.png)
下载组件支持
npm install --save vue-lottie
引入,两种方式,这里就写局部引用吧(自定义vue 文件)
import lottie from "lottie-web";
或者 import lottie from "vue-lottie";
详情代码,如下,重要的是先出效果
<template>
<div>
<div>
<!-- 先出效果,剩下的参数可以在官网看