Detaillierte Erklärung des Vue-Mixins
|
Lokales Mixin
<Vorlage>
<div>
<h2 @click="showName">Name des Studenten: {{name}}</h2>
<h2>Geschlecht des Studierenden: {{sex}}</h2>
</div>
</Vorlage>
<Skript>
//Führe einen gemischten Import ein {
hunhe, hunhe2
} von '../mixin'
Standard exportieren {
Name: 'Student',
Daten() {
zurückkehren {
Name: 'Zhang San',
Geschlecht: 'männlich'
}
},
Mixins: [hunhe,hunhe2]
}
</Skript>
export const hunhe = {
Methoden: {
zeigeName() {
Alarm (dieser.Name)
}
}
}
exportiere const hunhe2 = {
Daten() {
zurückkehren {
x: 100,
y: 200
}
}
}
Globale Mixins
importiere { hunhe, hunhe2 } von './mixin'
Vue.mixin(nicht vorhanden)
Vue.mixin(hunhe2)
ZusammenfassenDieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können! Das könnte Sie auch interessieren:
|
<<: CSS3 verwendet scale() und rotate() zum Zoomen und Drehen
>>: Blog-Design Webdesign-Debüt
Artikel empfehlen
Einführung in Linux-Komprimierungs- und Dekomprimierungsbefehle
Inhaltsverzeichnis Gängige Komprimierungsformate:...
Tutorial-Diagramm zur VMware-Installation des Ubuntu 20.04-Betriebssystems
Memo: Einfach erleben. Eintrag: Nr. 209 Diese Bei...
WML-Tag-Zusammenfassung
Strukturbezogene Tags ----------------------------...
MySQL Workbench herunterladen und verwenden Tutorial detaillierte Erklärung
1. MySQL Workbench herunterladen Workbench ist ei...
Zusammenfassung der Verwendung von MySQL Online DDL gh-ost
Hintergrund: Als DBA werden die meisten DDL-Änder...
mysql implementiert den Import nur einer angegebenen Tabelle aus der SQL-Datei der exportierten Daten
Szenario Gestern hat das System automatisch alle ...
Lösungen für den Fehler und die Ungültigkeit beim Öffnen von nginx.pid
Inhaltsverzeichnis 1. Problembeschreibung 2. Prob...
So löschen Sie Dateinamen oder Verzeichnisse mit Sonderzeichen in Linux
Löschen einer Datei anhand ihrer Inode-Nummer Ver...
Implementierung von Debugging-Code über den Nginx-Reverse-Proxy
Hintergrund Heutzutage werden die Projekte des Un...
Virtueller vsftpd-Benutzer basierend auf MySql-Authentifizierung
Inhaltsverzeichnis 1. MySQL-Installation 1.2 Tabe...
Vue3+TypeScript kapselt Axios und implementiert Anforderungsaufrufe
Auf keinen Fall. Es stellt sich heraus, dass es L...
Vue3 + el-table realisiert Zeilen- und Spaltenkonvertierung
Inhaltsverzeichnis Zeilen-Spalten-Konvertierung A...
So öffnen Sie eine Seite in einem Iframe
Lösung: Setzen Sie den Zielattributwert des Links ...
So verwenden Sie eine Multi-Core-CPU, um Ihre Linux-Befehle zu beschleunigen (GNU Parallel)
Mussten Sie schon einmal sehr große Datenmengen (...