vue实现数字增加减少动画

第一步

先安装 npm install vue-count-to

npm install vue-count-to

第二步

<template>
  <div>
    <span><countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>+</span>
  </div>
</template>

<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        startVal: 0, //初始数值
        endVal: 7000000, //结束数值
      }
    }
  }
</script>
<style lang="scss"  scoped>
span{
  font-size: 40px;
  font-weight: 800;
  margin: 40px
}
</style>