A plugin to count up to a figure using Vue.js
CountUp plugin implemented for use with Vue.js.
This is a component built for the very interesting CountUp plugin
Firstly, insert the vue.js script and then insert a reference to the vue-countUp library as done below
<script scr='/path/to/vue/vue.js'></script>
<script scr='/path/to/vuecountup/dist/vue-count-up.js'></script>
Install Using Windows Global
<script type='text/javascript'>
Vue.use(window.VueCountUp);
</script>
or, Install Using Module Loader
<script type='text/javascript'>
Vue.use(require('vue-countup'));
</script>
You can insert a count up element like below
<vuecountup class="myCounter" :end="2500" :duration="2.5" :options="{useEasing : true,
useGrouping : true,
separator : ',',
decimal : '.',
prefix : '',
suffix : ''}"></vuecountup>
You can specify all the attributes listed below, only the end attribute is required
See CountUp documentation for all available attributes.
See CountUp documentation for all available attributes.
This plugin is released under the MIT Licence