Die Bedeutung von el in vue.js: Der Typ von el ist [String |. HTMLElement | Funktion], die zur Bereitstellung von Montageelementen für Instanzen verwendet wird durch das von Vue generierte DOM ersetzen.
【Verwandte Artikelempfehlung: vue.js】
vue.js Die Bedeutung von el:
el
Typ: String | HTMLElement | Function
Einschränkungen: Nur auf Funktionen können in Komponentendefinitionen enthalten sein.
Details:
Bietet Befestigungselemente für Instanzen. Der Wert kann ein CSS-Selektor, ein tatsächliches HTML-Element oder eine Funktion sein, die ein HTML-Element zurückgibt. Beachten Sie, dass das Element nur als Einhängepunkt verwendet wird. Wenn eine Vorlage bereitgestellt wird, wird das Element ersetzt, es sei denn, „replace“ ist „false“. Auf Elemente kann mit vm.$el zugegriffen werden.
In Vue.extend muss ein Funktionswert verwendet werden, damit nicht alle Instanzen Elemente gemeinsam nutzen.
Wenn diese Option während der Initialisierung angegeben wird, startet die Instanz sofort den Kompilierungsprozess. Andernfalls müssen Sie vm.$mount() aufrufen, um die Kompilierung manuell zu starten.
Die bereitgestellten Elemente können nur als Mount-Punkte verwendet werden. Im Gegensatz zu Vue 1.x werden alle Montageelemente durch das von Vue generierte DOM ersetzt. Daher wird nicht empfohlen, die Root-Instanz auf zu mounten.
Wenn weder die Renderfunktion noch das Template-Attribut vorhanden sind, wird der HTML-Code des gemounteten DOM-Elements extrahiert und als Vorlage verwendet. Zu diesem Zeitpunkt muss die mit Runtime + Compiler erstellte Vue-Bibliothek verwendet werden. Jeder kennt die Rolle von
el, mit der das Montageziel der Vue-Instanz angegeben wird. Wir konzentrieren uns auf die beiden oben genannten Teile: Wenn eine Renderfunktion oder ein Vorlagenattribut vorhanden ist, wird das von Vue generierte DOM extrahiert und als verwendet eine Vorlage
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="ppp"></div> </body> </html>
Beispiel: DOM-Ersetzung gerendert durch die Renderfunktion
new Vue({ el: '#ppp', router, store, render: h => h(App) })
Verwandte kostenlose Lernempfehlungen: Javascript(Video)
Das obige ist der detaillierte Inhalt vonWas bedeutet el in vue.js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!