Quelle est la différence entre ViewModel, View et Model dans le modèle MVVM ? _compétences javascript

Modèle : est très simple, c'est un objet de données lié à la logique métier, généralement mappé à partir de la base de données, on peut dire que c'est le modèle correspondant à la base de données.

Affichage : est également très simple, c'est l'interface utilisateur affichée.

Fondamentalement, ce que font la plupart des logiciels est de lire les données du stockage de données, de les afficher sur l'interface utilisateur, puis de recevoir les entrées de l'interface utilisateur et de les écrire dans le stockage de données. Par conséquent, il n’y a fondamentalement aucune objection aux deux couches de stockage des données (modèle) et d’interface (vue). Cependant, différentes personnes ont des opinions différentes sur la manière d'afficher le modèle dans la vue et sur la manière d'écrire les données de la vue dans le modèle.

Le point de vue de l'école MVC est que chaque changement sur l'interface est un événement. Il me suffit d'écrire un tas de code pour chaque événement pour convertir l'entrée de l'utilisateur en objets dans le modèle.

L'école de pensée MVVM est que je définis également un objet de données correspondant pour différents contrôles dans la vue. De cette façon, tant que cet objet de données est modifié, le contenu affiché dans la vue sera automatiquement actualisé, et quand. effectué dans la vue Toute opération, cet objet de données sera automatiquement mis à jour en conséquence, c'est tellement beau. Alors :

ViewModel : est le Modèle correspondant à l'interface (vue). Étant donné que la structure de la base de données ne peut souvent pas correspondre directement aux contrôles d'interface un à un, il est nécessaire de définir un autre objet de données pour correspondre spécifiquement aux contrôles de la vue. La responsabilité de ViewModel est d'encapsuler l'objet modèle dans un objet de données d'interface qui peut afficher et accepter les entrées.

Quant aux données du modèle de vue, elles sont automatiquement actualisées avec la vue et synchronisées avec le modèle. Cette partie du code peut être écrite comme un framework commun, les programmeurs n'ont donc pas à s'en soucier.

En termes simples, ViewModel est le connecteur entre View et Model. View et Model réalisent une liaison bidirectionnelle via ViewModel.