数字变化动画

1、下载组件

npm install vue-count-to --save
也可使用淘宝镜像下载
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install vue-count-to --save

2、页面使用

<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='duration'></countTo>
</template>
<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        // 需要滚动的时间
        duration: 5000,
        // 初始值
        startVal: 0,
        // 最终值
        endVal: 2018
        //显示的小数位数
        decimals:1
      }
    }
  }
</script>

更多配置项：
查看：https://www.cnblogs.com/xiaolucky/p/12599671.html