Verwenden von Vue zum Implementieren einer Timerfunktion

<Skript>  
//Der Timer läuft asynchron Funktion hello(){  
Alarm("Hallo");  
}  
//Führen Sie die Methode mit dem Methodennamen aus. var t1 = window.setTimeout(hello,1000);  
var t2 = window.setTimeout("hello()",3000);//String-Ausführungsmethode verwenden window.clearTimeout(t1);//Timer entfernen</script>

//Die Einheit der Echtzeit-Aktualisierungszeit ist Millisekunden setInterval('refreshQuery()',8000);   
/* Abfrage aktualisieren */  
Funktion „RefreshQuery()“  
   $("#mainTable").datagrid('neu laden',null);  
}

<div Klasse="Vater">
  <ul>
   <li>{{eins}}<span>:</span></li>
   <li>{{zwei}}<span>:</span></li>
   <li>{{drei}}</li>
  </ul>
  <el-button type="primary" @click="startHandler">Start</el-button>
  <el-button type="primary" @click="endHandler">Pause</el-button>
</div>

<Skript>
Standard exportieren {
  Name: "Hallo Welt",
  Daten(){
   zurückkehren {
  Flagge: null,
  eins: „00“, // Stunde zwei: „00“, // Minute drei: „00“, // Sekunde abc: 0, // Anzahl der Sekunden cde: 0, // Anzahl der Minuten efg: 0, // Anzahl der Stunden }
  },
  Requisiten: {
    msg: Zeichenfolge
  },
  montiert() {
   
  },
  Methoden:{
  // Zeitmessung starten startHandler(){
  diese.flagge = setzeInterval(()=>{
   wenn(dies.drei === 60 || dies.drei === '60'){
    dies.drei = '00';
    dies.abc = 0;
    wenn(dies.zwei === 60 || dies.zwei === '60'){
     dies.zwei = '00';
     dies.cde = 0;
     wenn(diese.efg+1 <= 9){
      dies.efg++;
      dies.eins = '0' + dies.efg;
     }anders{
      dies.efg++;
      dies.eins = dies.efg;
     }
    }anders{
     wenn(diese.cde+1 <= 9){
      dies.cde++;
      dies.zwei = '0' + dies.cde;
     }anders{
      dies.cde++;
      dies.zwei = dies.cde;
     }
    }
   }anders{
    wenn(diese.abc+1 <= 9){
     dies.abc++;
     dies.drei = '0' + dies.abc;
    }anders{
     dies.abc++;
     dies.drei=dies.abc;
    }
   }
   
  },100)
 },
 //Zeitpunkt anhalten endHandler(){
  dieses.flag = ClearInterval(dieses.flag)
 }
  }
}
</Skript>