So implementieren Sie den Vue-Timer

<div Klasse="Zeit" v-if="rptType">{{str}}</div>
<div class="Quittung" :class="rptType?'jdz':'jiedan'" @click="Quittung">Start</div>

Daten(){
 zurückkehren {
  rptType: false, //Status h: 0, //Stunden, Minuten, Sekunden, Millisekunden definieren und auf 0 initialisieren;
        m:0,
        ms:0,
        s:0,
        Zeit: 0,
        str:'',
 }
},
montiert:Funktion(){
 this.$nextTick(function () {//Die gesamte Ansicht wird gerendert})
},
Methoden:{
 getTask: Funktion(e){
  dieser.Aufgabentyp = e;
 },
 //Beleg starten: function() {
  dieser.rptType = !dieser.rptType;
  wenn(dieser.rptType){
   diese.Zeit=setInterval(dieser.Timer,50);
  }anders{
   dies.reset()
  }
 },
 Timer: function(){ //Zeitfunktion definieren this.ms=this.ms+50; //Millisekundenif(this.ms>=1000){
       dies.ms=0;
       this.s=this.s+1; //Sekunden}
     wenn(dies.s>=60){
       dies.s=0;
       this.m=this.m+1; //Minuten}
     wenn(dies.m>=60){
       dies.m=0;
       this.h=this.h+1; //Stunden}
     dies.str =dies.toDub(dies.h)+":"+dies.toDub(dies.m)+":"+dies.toDub(dies.s)+""/*+dies.toDubms(dies.ms)+"Millisekunden"*/;
     // document.getElementById('mytime').innerHTML=h+"Stunde"+m+"Minute"+s+"Sekunde"+ms+"Millisekunde";
 },
 toDub: function(n){ //0-Operation hinzufügen, wenn(n<10){
       gibt "0"+n zurück;
     }
     anders {
       gibt ""+n zurück;
     }
 },
 zurücksetzen: function(){ //Zurücksetzen clearInterval(this.time);
     dies.h=0;
     dies.m=0;
     dies.ms=0;
     dies.s=0;
     dies.str="00:00:00";
 },
}