Heim  >  Artikel  >  Web-Frontend  >  Was nützt vuejs el?

Was nützt vuejs el?

青灯夜游
青灯夜游Original
2021-09-18 17:58:433220Durchsuche

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>

Beispiel 1: DOM-Ersetzung gerendert durch Renderfunktion0b56aebb5df5b06b70a352c6e82d051d94b3e26ee717c64999d7867364b1b4a3

new Vue({
  el: &#39;#ppp&#39;,
  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!

Stellungnahme:
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