In Vue ist el die Abkürzung für Element, das als Einhängepunkt bezeichnet werden kann. Die Funktion von el besteht darin, ein bereits auf der Seite vorhandenes DOM-Element als Mount-Ziel der Vue-Instanz bereitzustellen. Es kann sich um einen CSS-Selektor oder eine HTMLElement-Instanz handeln, das Element kann mit „vm“ verwendet werden .$el"-Zugriff.
Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue3-Version, DELL G3-Computer.
el ist die Abkürzung für Element, das als Mount-Punkt bezeichnet werden kann. Das Prinzip ergibt sich aus: In der MVC-Architektur wird ein Tag als Container zum Umschließen einiger Tags verwendet, sodass die Tags unter Beibehaltung einiger notwendiger Attribute neu gerendert werden können.
In jedem vue2.0-Projekt werden wir sehen, dass in der Eintragsdatei (d. h. main.js) das el-Attribut beim Generieren der Root-Instanz konfiguriert wird, dieses Attribut jedoch nicht in den Komponenten konfiguriert werden kann, die wir selbst erstellen wird unten zitiert Beschreibung des el-Attributs im offiziellen Dokument :
Details
: Geben Sie ein vorhandenes DOM-Element auf der Seite als Montageziel der Vue-Instanz an. Kann ein CSS-Selektor oder eine HTMLElement-Instanz sein. [Verwandte Empfehlungen: vuejs-Video-TutorialNachdem die Instanz gemountet wurde, kann das Element vm.$ verwendet werden el Besuchen. Wenn diese Option während der Instanziierung vorhanden ist, startet die Instanz sofort den Kompilierungsprozess. Andernfalls müssen Sie vm.$mount() explizit aufrufen, um die Kompilierung manuell zu starten.
】// 错误使用方式，在组件中设置el
// 提示错误： [Vue warn]: option "el" can only be used during instance creation with the `new` keyword.
export default {
el: '#app'
}
// 正确写法
var vm = new Vue({
el: '#app'
})<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>backstage</title>
</head>
<body>
<!-- {el：'#app'} 即把这里的元素作为根实例的挂载对象 -->
<div id="app"></div>
</body>
</html>Das obige ist der detaillierte Inhalt vonWas ist die Abkürzung für el in vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Die übergeordnete Vue-Komponente ruft die Methode der untergeordneten Komponente auf
vue v-wenn
Der Unterschied zwischen vue2.0 und 3.0
So übergeben Sie einen Wert an die Vue-Komponente
Der Unterschied zwischen vue3.0 und 2.0
Vue allgemeine Anweisungen
Was sind die am häufigsten verwendeten Anweisungen in Vue?
Der Unterschied zwischen mpvue und vue
