import lottie from 'vue-lottie';
Vue.component('lottie', lottie)

// 第一步：script中引入資源
import * as animationData from "../assets/lottie/loading.json";

// 第二步：使用組件
<lottie :options="defaultOptions" :height="200" :width="200" v-on:animCreated="handleAnimation" />

// 第三步：data里面添加相應屬性
data(){
 return {
 defaultOptions: { animationData: animationData },
 animationSpeed: 1,
 anim: {}
 }
}

//第四步：定義方法
methods: {
 handleAnimation: function(anim) {
 this.anim = anim;
 console.log(anim); //這里可以看到 lottie 對象的全部屬性
 },
}