Maison  >  Article  >  interface Web  >  Que signifie el dans vue.js

Que signifie el dans vue.js

coldplay.xixi
coldplay.xixioriginal
2020-11-09 16:55:278426parcourir

La signification de el dans vue.js : le type de el est [String | HTMLElement | Function], qui est utilisé pour fournir des éléments de montage pour les instances. S'il existe une fonction de rendu ou un attribut de modèle, le montage. L'élément sera un remplacement du DOM généré par Vue.

Que signifie el dans vue.js

[Recommandations d'articles connexes : vue.js]

vue.js el signifie :

el

Type : String | HTMLElement | Function

Restrictions : Peut uniquement être des fonctions dans les définitions de composants.

Détails :

Fournit des éléments de montage pour les instances. La valeur peut être un sélecteur CSS, un élément HTML réel ou une fonction qui renvoie un élément HTML. Notez que l'élément n'est utilisé que comme point de montage. Si un modèle est fourni, l'élément est remplacé sauf si replace est faux. Les éléments sont accessibles avec vm.$el.

utilisé dans Vue.extend doit être une valeur de fonction, afin que toutes les instances ne partagent pas d'éléments.

Si cette option est spécifiée lors de l'initialisation, l'instance entrera immédiatement dans le processus de compilation. Sinon, vous devez appeler vm.$mount() pour démarrer la compilation manuellement. Les éléments fournis par

ne peuvent être utilisés que comme points de montage. Contrairement à Vue 1.x, tous les éléments montés seront remplacés par le DOM généré par Vue. Par conséquent, il n'est pas recommandé de monter l'instance racine sur 100db36a723c770d327fc0aef2ce13b1 ou 6c04bd5ca3fcae76e30b72ad730ca86d.

Si ni la fonction de rendu ni l'attribut template n'existent, le HTML de l'élément DOM monté sera extrait et utilisé comme modèle. À ce stade, la bibliothèque Vue construite avec Runtime + Compiler doit être utilisée. Tout le monde connaît le rôle de

el, qui est utilisé pour spécifier la cible de montage de l'instance Vue. Nous nous concentrons sur les deux parties ci-dessus. Pour résumer, s'il existe une fonction de rendu ou un attribut de modèle, l'élément monté sera remplacé par le DOM généré par Vue sinon, le HTML où se trouve l'élément monté sera extrait et utilisé comme ; un modèle

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="ppp"></div>
    </body>
</html>

Exemple : remplacement du DOM rendu par la fonction de rendub6e927d7e9bbb9062e270db5cafd5aef16b28748ea4df4d9c2150843fecfba68

new Vue({
    el: &#39;#ppp&#39;,
    router,
    store,
    render: h => h(App)
})

Recommandations d'apprentissage gratuites associées : javascript (Vidéo)

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