参照:http://panjiachen.github.io/countTo/demo/
効果:
vue-countToプラグインを使用する
インストール:npm install vue-count-to
使用する:
<テンプレート>
<countTo ref = 'example':startVal = 'startVal':endVal = 'endVal':duration = '2000'> </ countTo>
<div v-on:click = "start()">クリックして開始</ div>
</ template>
<script>
import countTo from'vue-count-to ';
export default { components:{countTo}、 data(){ return { //初期値 startVal:0、 //最終値 endVal:100 } }、
メソッド:{
start(){
this。$ refs.example.start();
}、
}、
}