Que signifie el dans vue.js-Voir.js-php.cn

Que signifie el dans vue.js

coldplay.xixi

Libérer： 2020-11-17 15:28:46

original

8446 Les gens l'ont consulté

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 :

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

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>

Copier après la connexion

Exemple : remplacement du DOM rendu par la fonction de rendu

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

Copier après la connexion

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!