J'apprends Vue avec un cours en ligne et l'instructeur m'a donné un exercice pour faire un texte d'entrée avec une valeur par défaut. Je l'ai terminé en utilisant v-model mais, l'instructeur a choisi v-bind: value et je ne comprends pas pourquoi.
Quelqu'un peut-il me donner une explication simple sur la différence entre ces deux et quand il vaut mieux les utiliser chacun?
<div v-bind:class="{ active: isActive }"></div>
- vous ne pouvez pas lier un attribut html à l'aide d'un modèle, vous devez utiliser une v-bind
directive. Pour les éléments du formulaire, vous voudrez utiliser la v-model
directive - "il choisit automatiquement la bonne façon de mettre à jour l'élément en fonction du type d'entrée."
data
et props
...
v-model
est principalement utilisé pour les enchères de saisie et de formulaire, utilisez-le donc lorsque vous traitez avec différents types de saisie.v-bind
La directive vous permet de produire une valeur dynamique en tapant une expression JS qui, dans la plupart des cas, dépend des données du modèle de données - pensez donc à v-bind comme directive que vous devez utiliser lorsque vous voulez traiter des choses dynamiques.