Quelle est la différence entre réagir et vuejs

Différences : 1. Vue est une liaison bidirectionnelle, mais React ne l'est pas ; 2. React utilise JSX et Vue utilise des modèles HTML pour créer des vues ; 3. React utilise Flux pour gérer l'état et Vue utilise Vuex ; React utilise l'échafaudage Create React App. Vue utilise vue-cli.

L'environnement d'exploitation de ce tutoriel : système windows7, version vue2.9.6&&react16, ordinateur DELL G3.

Comparaison React.js vs Vue.js

	React	Vue
Types	Bibliothèque JavaScript	Bibliothèque JavaScript
pour	Web Ideal pour et Native	Principalement axé sur le développement Web, mais écrit pour soutenir d'autres plateformes à l'avenir
Développeurs	Communauté Facebook (créée par Jordan Walke)	Evan You
Première publication	Mars 2013	Février 2014
Écrit	JavaScript	JavaScript
Développement multiplateforme	React Native est une plateforme d'applications natives mature et largement utilisée	Weex pour Vue est toujours en évolution et vise à offrir une expérience de développement fluide
Courbe d'apprentissage	Courbe d'apprentissage abrupte, nécessite des connaissances approfondies	Courbe d'apprentissage simple, les modèles basés sur HTML le rendent familier
Popularité	React se classe deuxième sur la liste des projets Javascript les plus populaires sur GitHub	Vue.js se classe premier et est le projet le plus tendance de 2017, avec plus de 40 000 étoiles ajoutées sur GitHub au cours de l'année
Sexe réutilisable	CSS uniquement	Réutilisabilité maximale
Performance	Tout aussi rapide	Tout aussi vite
Contributeurs sur GitHub	1201	189
Modèle	Virtual DOM (Documentation Object Model)	Modèles HTML du DOM virtuel
Caractéristiques	Peut être utilisé comme base pour le développement d'une seule page ou d'applications mobiles	Un framework d'application Web capable d'alimenter des applications avancées d'une seule page
Simple	React est plus complexe que Vue	Vue est plus simple que React
Fonctionnalités notables	One liaison de données -way à l'aide d'accessoires Composants avec état DOM virtuel Méthodes de cycle de vie JSX (JavaScript XML) Architecture au-delà du HTML	Modèles basés sur HTML Réactifs Composants (divisant l'ensemble de l'application en petits composants autonomes et souvent réutilisables ) Transformations Intégrations Route*
Applications Bootstrap	CRA (Create React Application)	Vue-cli

La différence entre React et Vuejs

1. Liaison de données

La partie concernant la liaison de données dans Vue

vue est une liaison bidirectionnelle. Il existe deux fonctions principales de Vue.js. est le système de liaison de données réactif, et l'autre est le système de composants. La soi-disant liaison bidirectionnelle signifie que les données de l'instance Vue sont cohérentes avec le contenu de l'élément DOM qu'elle restitue. Peu importe qui est modifié, l'autre partie sera mise à jour avec les mêmes données en conséquence. Ceci est accompli en définissant des accesseurs de propriété.

Dans vue, liés à la liaison de données sont les expressions d'interpolation, les systèmes de commande, *Class et Style, les gestionnaires d'événements et les espaces de formulaire, les requêtes ajax et les propriétés calculées

react n'a pas de liaison de données bidirectionnelle

react C'est un flux de données unidirectionnel

Dans React, les mises à jour et les modifications des données en temps réel sont obtenues par liaison bidirectionnelle de l'état (couche modèle) et des données de la couche View. Plus précisément, le code JS est écrit directement dans la couche View et la couche View. les données de la couche Modèle sont utilisées pour le rendu, une fois que les modifications des données sont déclenchées comme des opérations de formulaire, des événements déclencheurs, des requêtes ajax, etc., une double synchronisation est effectuée

2. Re-rendu et optimisation

Lorsque vous Comparez React et Vue, la vitesse ne peut pas être le facteur déterminant lequel est le meilleur Facteurs de comparaison importants. En termes de performances, considérons la fonctionnalité de re-rendu. Lorsque l'état d'un composant change, le mécanisme de React déclenche un nouveau rendu de l'intégralité de l'arborescence des composants. Vous souhaiterez peut-être utiliser des propriétés supplémentaires pour éviter un nouveau rendu inutile des composants enfants.

Bien que la fonctionnalité de re-rendu de Vue soit disponible immédiatement, Vue fournit un re-rendu optimisé où le système suit les dépendances pendant le rendu et fonctionne en conséquence.

Le re-rendu de Vue est la fonctionnalité la plus importante qui en fait un framework largement accepté parmi les développeurs du monde entier.

3. JSX vs HTML

React utilise JSX - un XML JavaScript déclaratif qui permet aux développeurs d'exploiter la puissance de JavaScript pour écrire des composants, tandis que Vue.js utilise des modèles HTML pour créer des vues.

Les modèles basés sur HTML sont plus familiers et plus utiles pour améliorer les applications existantes afin de bénéficier des fonctionnalités réactives de Vue. Cela offre une courbe d’apprentissage facile aussi bien pour les débutants que pour les professionnels expérimentés, puisque la plupart d’entre eux ont travaillé avec HTML d’une manière ou d’une autre.

4. Solutions de routage et de gestion d'état

Dans les frameworks basés sur des composants comme React et Vue, lorsque vous commencez à faire évoluer votre application, vous devez accorder plus d'attention à la gestion de l'état et au flux de données. En effet, de nombreux composants interagissent les uns avec les autres et partagent des données.

Dans ce cas, React propose une solution innovante appelée architecture Flux/Redux, qui signifie flux de données unidirectionnel et constitue une alternative à la célèbre architecture MVC. Maintenant, si l'on considère le framework Vue.js, il existe une architecture de niveau supérieur appelée Vuex, qui est intégrée à Vue et offre une expérience inégalée.

5. Outils de construction

React et Vue ont tous deux un très bon environnement de développement. Avec peu ou pas de configuration, vous pouvez créer des applications qui vous permettent d'utiliser les dernières pratiques et modèles. Dans React, il y a Create React App (CRA), et dans Vue, c'est vue-cli.

Les deux outils d'amorçage ont tendance à vous offrir un environnement de développement confortable et flexible et vous offrent un excellent point de départ pour commencer à coder.

Recommandations associées : "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!