Maison >interface Web >js tutoriel >Que signifie El en vue

Que signifie El en vue

(*-*)浩
(*-*)浩original
2019-05-25 10:03:0416126parcourir

el

Que signifie El en vue

Type : Chaîne HTMLElement Fonction

Limitations : ne peut être que 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

Si ni la fonction de rendu ni l'attribut de modèle n'existent, Le HTML de l'élément DOM monté sera extrait et utilisé comme modèle. À ce stade, Vue construite avec Runtime. + Le compilateur doit être utilisé en bibliothèque. 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 y a 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 : DOM rendu par la fonction de rendu remplace

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

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
Article précédent:qu'est-ce que mpvueArticle suivant:qu'est-ce que mpvue