Heim > Artikel > Web-Frontend > Was nützt vuejs el?
In vuejs besteht die Rolle von el darin, das Montageziel der Vue-Instanz anzugeben und ein bereits auf der Seite vorhandenes DOM-Element als Montageziel der Vue-Instanz bereitzustellen, das das Element verwenden kann „vm. $el“-Zugriff.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.
Die offizielle API-Dokumentation von Vue enthält die folgende Beschreibung von el:
https://cn.vuejs.org/v2/api/#el
Jeder kennt die Rolle von el, die zur Angabe von Vue-Instanzen verwendet wird . Ziel montieren. Wir konzentrieren uns auf die beiden roten Ausrufezeichen oben. Um es zusammenzufassen: Wenn eine Renderfunktion oder ein Vorlagenattribut vorhanden ist, wird das gemountete Element durch das von Vue generierte DOM ersetzt extrahiert und als Vorlage verwendet
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="ppp"></div> </body> </html>
Beispiel 1: DOM-Ersetzung gerendert durch Renderfunktion0b56aebb5df5b06b70a352c6e82d051d94b3e26ee717c64999d7867364b1b4a3
new Vue({ el: '#ppp', router, store, render: h => h(App) })
Beispiel 2: String-Vorlagen-Ersetzung
Das obige ist der detaillierte Inhalt vonWas nützt vuejs el?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!