Comment comprendre le mode mvvm dans vue

Dans vue, les modes mvvm sont la couche de modèle (m), la couche de vue (v) et ViewModel (vm) ; mvvm prend en charge la liaison bidirectionnelle. Lorsque les données de la couche m sont modifiées, la couche vm détectera le changement et en informera. La couche v effectue les modifications correspondantes. Sinon, la modification de la couche v informera la couche m d'apporter des modifications, réalisant le découplage mutuel des couches de vue et de modèle.

L'environnement d'exploitation de cet article : système Windows 10, Vue version 2.9.6, ordinateur DELL G3.

Comment comprendre le mode mvvm dans vue

MVVM est divisé en trois parties : M (Modèle, couche de modèle), V (Vue, couche de vue), VM (ViewModel, le pont reliant V et M, que l'on peut également voir en tant que contrôleur)

1. M : Couche de modèle, principalement responsable des données commerciales ;

2 : Couche de vue, comme son nom l'indique, liée à la vue négative, subdivisée en couche html+css ; et Le pont pour la communication M, responsable de la surveillance de la modification de M ou V, est le point clé pour obtenir une liaison bidirectionnelle de MVVM ;

MVVM prend en charge la liaison bidirectionnelle, ce qui signifie que lorsque les données de la couche M sont modifiées, la couche VM détectera le changement et notifiera V. La couche sera modifiée en conséquence, sinon la modification de la couche V informera la couche M de modifier les données. Cela réalise également le découplage mutuel des couches de vue et de modèle

. Pour implémenter une bibliothèque mvvm, il faut d'abord comprendre clairement l'idée générale de sa mise en œuvre. Regardez d'abord le processus dans l'image ci-dessous :

1. Implémentez la compilation et la compilation du modèle, y compris la compilation des éléments (instructions), la compilation du texte, etc., pour atteindre l'objectif d'initialisation de la vue, et devez également lier la fonction de mise à jour ;

2. Implémenter Observe, surveiller toutes les données et émettre des notifications pour les données modifiées ;

3. Implémenter l'observateur, en tant que hub, recevoir les notifications d'observer et exécuter la méthode de mise à jour correspondante dans la compilation.

4. Combinez les méthodes ci-dessus pour exposer la méthode mvvm à l'extérieur

[Recommandation associée : "

tutoriel vue.js

"]

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!