Implementierung des Vue-Zählers
1. Implementierung des ZählersDazu einfach einen Zähler auf der Seite einbauen:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<title>Titel</title>
<script src="../js/vue.js"></script>
</Kopf>
<Text>
<div id="app">
<h3>Aktueller Zähler: {{counter}}</h3>
<button @click="Hinzufügen">+</button>
<button @click="Minuten">-</button>
</div>
<Skript>
const app = new Vue({
el: "#app",
Daten: {
Zähler: 0
},
Methoden: {
hinzufügen: Funktion () {
dieser.Zähler++;
},
Minuten: Funktion () {
dieser.Zähler--;
}
}
})
</Skript>
</body>
</html>
2. Ergebnisse erzielen Der endgültige Effekt wird im folgenden GIF angezeigt:
Dies ist das Ende dieses Artikels über die Implementierung des Vue-Zählers. Weitere relevante Inhalte zum Vue-Zähler finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: CSS Flex mehrere mehrspaltige Layouts
>>: So konfigurieren Sie den Redis-Sentinel-Modus in Docker (auf mehreren Servern)
Artikel empfehlen
Ausführliche Erklärung der Sonderberechtigungen SUID, SGID und SBIT in Linux
Vorwort Für die Berechtigungen von Dateien oder V...
JavaScript ermittelt, ob der Browser IE ist
Als Frontend-Entwickler komme ich an den Tücken d...
Konfigurieren Sie nginx so, dass es zur Systemwartungsseite umleitet
Letztes Wochenende bereitete sich ein Bruderproje...
Eine einfache Möglichkeit, das Passwort in MySQL 5.7 zu ändern
Dies ist ein offizieller Screenshot. Nach der Ins...
Tutorial-Diagramm zur Installation von CentOS 7.3 auf einer virtuellen VMware-Maschine
VMware-Vorbereitung CentOS-Vorbereitung, hier ist...
Detaillierte Erklärung verschiedener Bildformate wie JPG, GIF und PNG
Jeder weiß, dass Bilder auf Webseiten im Allgemein...
MySQL weist eine Riddle-Sicherheitslücke auf, die zum Verlust von Benutzernamen und Passwörtern führen kann
Die Riddle-Sicherheitslücke, die auf die MySQL-Ve...
Implementierung zum Erstellen benutzerdefinierter Images mit Dockerfile
Inhaltsverzeichnis Vorwort Einführung in Dockerfi...
Implementierungscode für den MySQL-Protokolltrigger
SQL-Anweisung DROP-TRIGGER WENN EXISTIERT sys_men...
JS realisiert Video-Sperreffekt
Verwenden Sie um dies zu erreichen, die modulare ...
Lösung für das Problem, dass MySQL nach dem Ändern des Standardpfads der Datenbank nicht gestartet werden kann
Vorwort Als MySQL den Standarddatenbankpfad änder...
Detaillierte Erläuterung der MySQL SQL99-Syntax für Inner Join und Non-Equivalent Join
#Case: Gehaltsstufen von Mitarbeitern abfragen WÄ...
Zusammenfassung der Javascript-Datumstools
lass Utils = { /** * Ist es das Todesjahr? * @ret...
Tutorial zur HTML-Tabellenauszeichnung (1): Erstellen einer Tabelle
<br />Dies ist eine Reihe von Tutorials, die...
Parameter, um Iframe transparent zu machen
<iframe src="./ads_top_tian.html" all...