Heim > Artikel > Web-Frontend > Was nützt vuejs el?
Was nützt vuejs el?
- 青灯夜游Original
- 2021-09-18 17:58:433223Durchsuche
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!