Maison >
interface Web >
Voir.js >
Premiers pas avec les instructions Vue : parlons des six instructions intégrées couramment utilisées
Premiers pas avec les instructions Vue : parlons des six instructions intégrées couramment utilisées
青灯夜游
Libérer: 2022-06-09 20:21:46
avant
2886 Les gens l'ont consulté
Cet article vous présentera les commandes Vue et présentera les six commandes intégrées couramment utilisées dans Vue. J'espère qu'il vous sera utile !
Classification des instructions
Les directives sont une syntaxe de modèle fournie par vue pour les développeurs, qui est utilisée pour aider les développeurs à restituer la structure de base de la page. (Partage vidéo d'apprentissage : tutoriel vidéo vuejs) Les données utilisées dans
sont définies dans les données de l'instance, et l'événement est défini dans les méthodes de l'instance
Instructions de rendu de contenu : aide les développeurs à restituer le contenu textuel des éléments DOM
Instructions de liaison d'attribut : Aider les développeurs à lier dynamiquement les valeurs d'attributpour les attributs des éléments
Instructions de liaison d'événement : Aider les développeurs à lier des événements pour les éléments
Instructions de liaison bidirectionnelle : aidez les développeurs à obtenir rapidement les données du formulaire sans utiliser le DOM (les modifications dans la source de données seront synchronisées avec la page, et les modifications sur la page seront également synchronisées avec la source de données)
Rendu conditionnel instructions : Aider les développeurs à appuyer sur Besoin de contrôler l'affichage et le masquage du DOM
Commande de rendu de liste : Aider les développeurs à boucler et à restituer une structure de liste basée sur un tableau
1. Commande de rendu de contenu
v-text
ne peut restituer que du contenu en texte brut, écrasera le contenu original à l'intérieur de la balise
<p v-text="gender">性别</p>
Copier après la connexion
{{ }} Expression d'interpolation
ne peut restituer que du contenu en texte brut, ne le fera pas écraser le contenu original à l'intérieur de la balise
<p>性别:{{ gender }}</p>
Copier après la connexion
v-html
peut restituer les chaînes balisées en contenu html, écrasera le contenu original à l'intérieur de la balise
Aucun paramètre passé : il y aura un paramètre formel par défaut event , qui est un objet, et l'attribut target à l'intérieur pointe vers l'élément DOM de l'événement actuellement lié : passer un paramètre : l'événement sera écrasé afin d'utiliser les paramètres passés par vous-même et de conserver l'événement. vous pouvez transmettre manuellement un paramètre réel $event, les paramètres formels sont facultatifsevent,它是一个对象,里面的target属性指向的是当前绑定事件的DOM元素
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