Heim >Web-Frontend >js-Tutorial >Was bedeutet el in vue
Was bedeutet el in vue
- (*-*)浩Original
- 2019-05-25 10:03:0416080Durchsuche
el
String |. HTMLElement | Einschränkungen:
können nur Funktionen in Komponentendefinitionen sein.Details:
Stellt Befestigungselemente für Instanzen bereit. 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.
, das in Vue.extend verwendet wird, muss ein Funktionswert sein, damit nicht alle Instanzen Elemente gemeinsam nutzen. Wenn diese Option während der Initialisierung angegeben wird, tritt die Instanz sofort in den Kompilierungsprozess ein. Andernfalls müssen Sie vm.$mount() aufrufen, um die Kompilierung manuell zu starten. Die vonbereitgestellten Elemente können nur als Mount-Punkte verwendet werden.
Im Gegensatz zu Vue 1.x werden alle gemounteten Elemente 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 ist,
el, mit dem 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: Von der Renderfunktion gerendertes DOM ersetzt
new Vue({
el: '#ppp',
router,
store,
render: h => h(App)
})Das obige ist der detaillierte Inhalt vonWas bedeutet el in vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!