VueCountUp
CountUp plugin implemented for use with Vue.js.
This is a component built for the very interesting CountUp plugin
Usage
$3
Firstly, insert the vue.js script and then insert a reference to the vue-countUp library as done below
``
html
`
Install Using Windows Global
`
html
`
or, Install Using Module Loader
`
html
`
$3
You can insert a count up element like below
`
html
``
You can specify all the attributes listed below, only the end attribute is
required
See
CountUp documentation for all available attributes.
$3
1.
start - This is the start value for the count up
-
type: Number
-
required : false
-
default : 0
2.
end - This is the value that count-up counts to
-
type: Number
-
required : true
3.
decimal - This is the number of decimal places the count-up component should use in display
-
type: Number
-
required : false
-
default : 0
4.
duration - This is the duration for the countup animation to count from
start to
end
-
type: Number
-
required : false
-
default : 2.5
4.
options - This is the option for the countup plugin
-
type: Object
-
required : false
See
CountUp documentation for all available attributes.
License
This plugin is released under the
MIT Licence