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.
[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 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>Exemple : remplacement du DOM rendu par la fonction de rendu
new Vue({
el: '#ppp',
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!
Pourquoi vue.js signale-t-il une erreur ?
Quelles sont les utilisations des slots vue.js ?
Comment sauter avec des paramètres dans vue.js
La différence entre les pages Web statiques et les pages Web dynamiques
Vérifiez si le port est ouvert sous Linux
À quelle devise appartient l'USDT ?
Solution d'erreur httpsstatus500
Comment effacer le constructeur de chaînes
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
