Maison  >  Article  >  interface Web  >  Quelle est l'abréviation de el en vue ?

Quelle est l'abréviation de el en vue ?

青灯夜游
青灯夜游original
2022-12-13 18:12:257297parcourir

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".

Quelle est l'abréviation de el en vue ?

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  :

el

  • Type : string | Elementstring | Element

  • 限制:只在用 new 创建实例时生效。

  • 详细

    提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。【相关推荐:vuejs视频教程web前端开发

    在实例挂载之后,元素可以用 vm.$el 访问。

    如果在实例化时存在这个选项,实例将立即进入编译过程,否则,需要显式调用 vm.$mount()

Limitations

 : Utilisé uniquement dans nouveau Valable lors de la création d'une instance.

Détails

 :

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-endUne fois l'instance montée, l'élément peut être utilisé vm.$ el Visite.

Si cette option existe lors de l'instanciation, l'instance entrera immédiatement dans le processus de compilation. Sinon, vous devez appeler explicitement 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:&#39;#app&#39;} 即把这里的元素作为根实例的挂载对象 -->
    <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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn