$ npm install -g vue-cli
$ vue init webpack-simple my-project
$ cd my-project
$ npm install
安装countup.js
$ npm install countup.js
$ npm run dev
启动项目之后按照 countup.js 官方 demo 初始化插件
app.vue
<template>
<span ref='countup'></span>
</template>
<script>
import CountUp from 'countup.js'
export default {
name: 'countup-demo',
data () {
return {
numAnim:null
}
},
mounted(){
this.initCountUp()
},
methods:{
initCountUp(){
this.numAnim = new CountUp(this.$refs.countup,0, 2017)
this.numAnim.start();
}
}
}
</script>
刷新页面,就这么简单,countUp.js 已经生效了。