数字滚动插件 vue-number-animation

数字滚动插件 vue-number-animation

1. 在vue项目中的使用步骤：

• 引入vue-number-animation

npm install vue-number-animation

• 在main.js文件中导入

import VueNumber from 'vue-number-animation'
Vue.use(VueNumber)

• 之后就可以全局使用组件

2. vue-number-animation的属性：

• mode
  非必需，自动或手动，是否立即触发动画，默认是自动
• value
  需变动的数字，number/string类型，有value时则不需要添加from、to值
• from
  value的初始值
• fromColor
  非必须，string类型
• to
  value的终值
• duration
  数字变动需要的时长，以ms为单位
• format
  非必需，变动数值的格式，默认是parseInt，一般在js中以函数的形式来自定义需要变动数字的格式，如果要保持小数点后n位的话：Number(value).toFixed(n)
• animateEnd
  非必需，动画结束后的回调函数