a vue countup component
npm install vue-countup2 -S
yarn install vue-countup2
require('vue-countup/dist/vue-countup.css');
// in ES6 modules
import { countup } from 'vue-countup';
// in CommonJS
const { countup } = require('vue-countup');
// in Global variable
const { countup } = VueCountup;
Vue.component('c-countup',countup);
<c-countup :value="startUp" :to="to"></c-countup>
props
value
: whether to show count up,when is true and to props changes, the num will count up, type is Booleanto
: the num top limit, type is Numberfrom
: the num bottom limit, type is Number,default is 0speed
: how long the count up's interval, type is Number,unit is millisecondduration
: how long the count up complete,type is Number,unit is milliseconddelay
: the count up's delay time before start,type is Number,unit is millisecondbeforeSize
: num size before dot, num is not enough, will fill 0decimals
: num size after dot,type is Number,defalut is 0bShowZero
: whether to show num zero,type is Boolean,defalut is truelastSymbol
: the symbol after num,type is String