Free Lottie Animation Files

npm install lottie-web

2、引入组件

import lottie from "lottie-web";

3、引入数据源

import animationData from "./data.json";

4、vue组件

<div id="lottie" style="position:relative;">  </div>

5、渲染组件

let params = {

    container: document.getElementById("lottie"),

    renderer: "svg",

    loop: true,

    autoplay: true,

    animationData: animationData

};

let anim;

anim = lottie.loadAnimation(params);