Was bedeutet el in vue.js?-View.js-php.cn

Was bedeutet el in vue.js?

coldplay.xixi

Freigeben： 2020-11-17 15:28:46

Original

8654 Leute haben es durchsucht

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.

Was bedeutet el in vue.js?

【Verwandte Artikelempfehlung: vue.js】

vue.js Die Bedeutung von 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>

Nach dem Login kopieren

Beispiel: DOM-Ersetzung gerendert durch die Renderfunktion

new Vue({
    el: &#39;#ppp&#39;,
    router,
    store,
    render: h => h(App)
})

Nach dem Login kopieren

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!