实现数字在页面上的递增效果

效果展示

1、安装数字滚动插件

npm i vue-count-to

2、引入该插件

import CountTo from 'vue-count-to'

3、在components中注册

export default {
  components: {
    CountTo
  }
}

4、在页面中使用

<count-to
  :start-val="0"  // 起始值
  :end-val="228"  // 结束值
  :duration="1000"  // 完成时间
/>

这样就可以达成一个简单的数字滚动效果啦，快去试试吧