Vueタイマーの実装方法

<div class="time" v-if="rptType">{{str}}</div>
<div class="receipt" :class="rptType?'jdz':'jiedan'" @click="receipt">開始</div>

データ（）{
 戻る {
  rptType: false, //ステータス h: 0, //時間、分、秒、ミリ秒を定義し、0 に初期化します。
        午前:0、
        ミリ秒:0,
        s:0,
        時間:0,
        文字列:''、
 }
},
マウント:関数(){
 this.$nextTick(function (){//ビュー全体がレンダリングされます})
},
方法:{
 getTask: 関数(e){
  this.taskType = e;
 },
 //受信開始: function() {
  this.rptType = !this.rptType;
  if(this.rptType){
   this.time=setInterval(this.timer,50);
  }それ以外{
   this.reset()
  }
 },
 timer: function(){ //タイミング関数を定義する this.ms=this.ms+50; //ミリ秒if(this.ms>=1000){
       ms = 0;
       this.s=this.s+1; //秒}
     s>=60の場合
       0 を返します。
       this.m=this.m+1; //分}
     if(this.m>=60){
       0 を返します。
       this.h=this.h+1; //時間}
     this.str =this.toDub(this.h)+":"+this.toDub(this.m)+":"+this.toDub(this.s)+""/*+this.toDubms(this.ms)+"ミリ秒"*/;
     // document.getElementById('mytime').innerHTML=h+"時間"+m+"分"+s+"秒"+ms+"ミリ秒";
 },
 toDub: function(n){ //0演算を追加 if(n<10){
       "0"+n を返します。
     }
     それ以外 {
       ""+n を返します。
     }
 },
 reset: function(){ //リセット clearInterval(this.time);
     0 を返します。
     0 を返します。
     ms = 0;
     0 を返します。
     00:00:00 ...
 },
}