Pourquoi React n'est pas un framework mvvm

Parce que React est une liaison de données unidirectionnelle et que la fonctionnalité la plus importante de mvvm est une liaison de données bidirectionnelle ; le framework mvvm nécessite un objet vm pour mapper la vue, mais React n'a pas d'objet vm au sens pur, certains sont des attributs et des statuts, donc React n'est pas un framework mvvm.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.

Pourquoi React n'est pas un framework mvvm

mvvm

Comprenez d'abord ce que signifie mvvm. vm signifie mode d'affichage.

Le framework mvvm nécessite donc un objet vm pour mapper la vue.

C'est-à-dire que lorsque les attributs de l'objet vm changent, la partie de vue correspondante sera mise à jour en conséquence. Le plus classique est knockoutjs, dans lequel les concepts clés sont le modèle de vue, le calcul, le modèle de vue, etc. Oui, il y a en fait beaucoup de ses ombres en vue.

react

Ensuite, jetons un œil à React. Il n'a pas d'objet vm au sens pur, il n'a que des attributs et des états.

Utilisez des attributs et des états pour cartographier les vues. Alors, quelle est la différence entre les attributs, les états et la machine virtuelle ? Personnellement, je pense que l'objet vm sera traité de la même manière, que la valeur soit transmise de l'extérieur ou définie en interne. Dans de nombreux cas, il existe un mécanisme de liaison bidirectionnelle. Peut-être que le premier flex était étonnant, mais le framework mvvm ultérieur a le concept de liaison bidirectionnelle. React, en revanche, met l'accent sur l'immuabilité des attributs et le flux de données unidirectionnel. L'état interne est contrôlé en interne.

Une telle conception est peut-être plus complexe en termes de conception, mais elle devient plus sûre et plus claire en termes d'utilisation. Si vous êtes familier avec React, la gestion des états appropriés pour les composants appropriés et la stratification raisonnable des états réduiront considérablement la complexité des applications. Ensuite, Redux a un concept très avancé appelé composants de conteneur et composants d'affichage purs. Si vous comprenez cette idée de conception, vous pouvez concentrer des éléments complexes dans un petit nombre de composants, et la plupart des composants deviendront de purs composants d'affichage, réduisant encore la complexité. de la demande.

L'une des fonctionnalités les plus importantes de MVVM : la liaison bidirectionnelle.

React n'a pas cela, c'est une liaison de données unidirectionnelle.

React est une bibliothèque pour le flux de données unidirectionnel et les vues basées sur l'état.

State --> View --> New State --> New View

Apprentissage recommandé : "Tutoriel vidéo React"

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!