Maison > Article > interface Web > Quelle est l'abréviation de el en vue ?
En vue, el est l'abréviation d'élément, que l'on peut appeler un point de montage. La fonction de el est de fournir un élément DOM qui existe déjà sur la page comme cible de montage de l'instance Vue. Il peut s'agir d'un sélecteur CSS ou d'une instance HTMLElement une fois l'instance montée, l'élément peut être utilisé avec "vm". Accès .$el".
L'environnement d'exploitation de ce tutoriel : système windows7, version vue3, ordinateur DELL G3.
el est l'abréviation d'élément, qui peut être appelé point de montage. Le principe vient de : Dans l'architecture MVC, une balise est utilisée comme conteneur pour envelopper certaines balises, afin que les balises puissent être restituées tout en conservant certains attributs nécessaires.
Dans chaque projet vue2.0, nous verrons que dans le fichier d'entrée (c'est-à-dire main.js), l'attribut el sera configuré lors de la génération de l'instance racine, mais cet attribut ne peut pas être configuré dans les composants que nous créons nous-mêmes. est cité ci-dessous Description de l'attribut el dans le document officiel :
Limitationsel
: Utilisé uniquement dans nouveau
Valable lors de la création d'une instance.
:
Fournissez un élément DOM existant sur la page comme cible de montage de l'instance Vue. Peut être un sélecteur CSS ou une instance HTMLElement. [Recommandations associées : tutoriel vidéo vuejs, développement web front-end】Une fois l'instance montée, l'élément peut être utilisé vm.$ el
Visite.
vm.$mount()
pour démarrer manuellement la compilation. 🎜🎜🎜🎜🎜De manière simple, le rôle de el est d'indiquer dans quel élément de la page on souhaite insérer l'instance générée par le composant vue actuel. La valeur de l'attribut el peut être la chaîne du sélecteur css, ou directement. l'objet élément correspondant. Et l'attribut el ne peut être configuré que lors de l'utilisation de new pour générer une instance, et nous exportons simplement un objet de configuration dans le composant. Si el est défini, une erreur sera signalée. 🎜// 错误使用方式,在组件中设置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' })🎜Jetons un coup d'œil à index.html dans le projet. 🎜
<!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>🎜Imprimez vm.$el, vous constaterez que l'instance a été montée sur l'élément de el : 🎜🎜🎜🎜🎜 (Partage vidéo d'apprentissage : 🎜Tutoriel d'introduction à vuejs🎜, 🎜Vidéo de programmation de base🎜)🎜
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!