Heim > Web-Frontend > View.js > Was nützt vuejs el?

Was nützt vuejs el?

青灯夜游
Freigeben: 2021-09-18 17:58:43
Original
3256 Leute haben es durchsucht

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.

Was nützt vuejs el?

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>
Nach dem Login kopieren

Beispiel 1: DOM-Ersetzung gerendert durch Renderfunktion

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

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage