vue数字递增的动画效果

安装
npm install vue-count-to -S

使用

//vue-countTo---简单好用的一个数字滚动插件
//在js里面引入并且挂载到组件
import CountTo from 'vue-count-to'
components:{
CountTo
}

在模板里面使用
<template>
//startVal开始的数字  endVal结束的数字  duration过渡时间
  <count-to :startVal='startVal' :endVal='endVal' :duration='3000'></count-to>
</template>

有一个小bug,解决ajax异步，数据延迟的问题，
给组件加个v-if判断如果数字存在才开始显示