vue插件-动态数字效果

1st、点击查看demo效果

动态数字效果案例: wangdahoo.github.io/vue-animate… vue-animate-number插件git地址: github.com/wangdahoo/v…

2nd、安装 vue-animate-number 插件

npm install vue-animate-number 

（注：是npm、cnpm还是yarn根据具体项目要求）

3rd、在 main.js 中引入

import Vue from 'vue'
 import VueAnimateNumber from 'vue-animate-number'
 Vue.use(VueAnimateNumber)

4th、在组件中使用

<animate-number
      from="1" 
      to="10" 
      duration="1000" 
      easing="easeOutQuad"
      :formatter="formatter"
    ></animate-number>