Vue implementiert eine Echtzeitaktualisierung der Zeitanzeige in der oberen rechten Ecke

Standard exportieren {
  // Holen Sie sich den Zeitstempel in der oberen rechten Ecke formatDate(time) {
    lass neueZeit = "";
    let date = neues Datum(Uhrzeit);
    let a = neues Array("日","MON","DI","MI","DO","FR","SA");
    lass jahr = date.getFullYear(),
        Monat = date.getMonth()+1, //Monat beginnt bei 0 Tag = date.getDate(),
        Stunde = Datum.getHours(),
        min = Datum.getMinutes(),
        Sek. = Datum.getSeconds(),
        Woche = neues Date().getDay();
        wenn(Stunde<10){
          Stunde = "0"+Stunde;
        }
        wenn(min<10){
          min="0"+min;
        }
        wenn(sec<10){
          Sek. = "0"+Sek.;
        }
    neueZeit = Jahr + "-"+Monat+"-" +Tag +" Woche"+a[Woche] + " "+Stunde+":"+Min+":"+Sek;
    gib neueZeit zurück;
  }
}

<Vorlage>
  <div Klasse="Haupt">   
    <!-- Kopfzeile -->
    <div Klasse="Header">     
      <div Klasse="cue_time">{{aktuellesDatum}}</div>
    </div>
  </div>
</Vorlage>
 
<Skript>
  importiere Dienstprogramme aus „../utils/index“ 
  Standard exportieren {
    Name:"trainin",
    Daten () {
      zurückkehren {       
        aktuellesDatum: utils.formatDate(neues Datum()),
        currentDateTimer:null, //Header aktuelle Zeit}
      
    },
    Methoden:{
      // Header-Zeit aktualisieren refreashCurrentTime(){
        this.currentDate = utils.formatDate(neues Datum())
      }
 
    },
    montiert(){
      // Zeitgesteuerte Aktualisierungszeit this.currentDateTimer = setInterval(this.refreashCurrentTime,1000)
 
    }
  }
</Skript>