下载vue-lottie

yarn add vue-lottie -S

引入

import lottie from 'vue-lottie'

使用

// 引入动图json
import * as animationData from '../../../../assets/json/icon_loading_mirror.json'

 <lottie :options="defaultOptions" :height="100" :width="100" />
 
export default{
...
components:{
 lottie
}
...
}

data() {
    return {
      defaultOptions: {
        animationData: animationData,
        renderer: 'svg', //渲染方式，svg、canvas、html（轻量版仅svg渲染）
        loop: true, //是否循环播放，true表示循环，false表示不循环
        autoplay: true, //是否自动播放，true表示自动播放}
      },
    }
  },