Heim > Artikel > Web-Frontend > Was bedeutet el in vue.js?
Was bedeutet el in vue.js?
- coldplay.xixiOriginal
- 2020-11-09 16:55:278426Durchsuche
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 100db36a723c770d327fc0aef2ce13b1 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 b6e927d7e9bbb9062e270db5cafd5aef16b28748ea4df4d9c2150843fecfba68
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!