Was bedeutet el in vue-js-Tutorial-php.cn

Was bedeutet el in vue

(*-*)浩

Freigeben： 2019-05-25 10:03:04

Original

16064 Leute haben es durchsucht

Typ:

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 von

bereitgestellten 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,

Der HTML-Code des gemounteten DOM-Elements wird extrahiert und als Vorlage verwendet. Zu diesem Zeitpunkt wird Vue mit Runtime erstellt + Compiler muss Bibliothek verwendet werden. Jeder kennt die Rolle von

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>

Nach dem Login kopieren

Beispiel: Von der Renderfunktion gerendertes DOM ersetzt

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

Nach dem Login kopieren

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!