Maison  >  Article  >  interface Web  >  Quelles sont les similitudes et les différences entre vue et réagir ?

Quelles sont les similitudes et les différences entre vue et réagir ?

coldplay.xixi
coldplay.xixioriginal
2020-11-11 13:44:412550parcourir

Similarités et différences entre vue et React : 1. La similitude est qu'il s'agit tous deux de frameworks d'interface utilisateur JavaScript, axés sur la création d'applications frontales riches. 2. La différence est que le flux de données de réaction est à sens unique ; tandis que les données de vue sont liées dans deux directions, certainement.

Quelles sont les similitudes et les différences entre vue et réagir ?

[Recommandations d'articles connexes : vue.js]

vue est similaire à réagir . Différences :

Similarités

  • Il s'agit de deux frameworks d'interface utilisateur JavaScript, axés sur la création d'applications frontales riches

  • Contrairement aux premiers frameworks JavaScript qui étaient "entièrement fonctionnels", Reat et Vue n'ont que le squelette du framework, et d'autres fonctions telles que le routage, la gestion de l'état, etc. sont des composants séparés du framework.

  • L'une des plus grandes similitudes entre Vue.js (version 2.0) et React est qu'ils utilisent tous les deux quelque chose appelé « Virtual DOM »

  • Les deux encouragent la composantisation

  • Voyez que React et Vue ont tous deux le concept de « props », qui est l'abréviation de propriétés. Props est un attribut spécial dans un composant qui permet aux composants parents de transmettre des données aux composants enfants.

  • React et Vue ont tous deux leurs propres outils de construction, vous pouvez les utiliser pour créer rapidement un environnement de développement

  • React et Vue sont tous deux très bon outil d'extension Chrome pour vous aider à trouver des bugs.

  • La dernière similitude mais légère différence entre Vue et React est la méthode de traitement de leurs frameworks de support. La similitude est que les deux frameworks se concentrent sur la couche UI et que d'autres fonctions telles que le routage et la gestion de l'état sont gérées par le framework compagnon.

réagir

  • Flux de données unidirectionnel

  • React est a promu Virtual DOM et créé une nouvelle syntaxe - JSX permet aux développeurs d'écrire du HTML en JavaScript

  • React est également maintenu par de grandes entreprises telles que Facebook

  • Les accessoires sont nécessaires pour les composants enfants car ils reposent sur une "source unique de données" pour leur "état"

  • React peut être créé à l'aide de Create React App (CRA)

  • React-router et React-redux sont maintenus par les membres de la communauté, et ils ne sont pas officiellement maintenus.

  • La plus grande différence entre React et Vue est l'écriture de modèles

  • Dans React, vous devez utiliser la méthode setState() pour mettre à jour le state

  • Dans la plupart des cas, la gestion d'état intégrée au framework n'est pas suffisante pour prendre en charge de grandes applications, et des solutions de gestion d'état telles que Redux ou Vuex doivent être utilisées.

vue

  • Liaison bidirectionnelle de données

  • Vue utilise système de modèles au lieu de JSX, ce qui facilite la mise à niveau des applications existantes. En effet, le modèle utilise du HTML ordinaire. Il est plus facile d'intégrer les systèmes existants via Vue sans avoir besoin d'une reconstruction globale

  • . Vue est principalement maintenu par un seul développeur

  • Dans Vue, les accessoires sont légèrement différents. Elles sont également définies dans le composant, mais Vue s'appuie sur la syntaxe du modèle. Vous pouvez afficher les données entrantes plus efficacement grâce à la fonction de boucle du modèle.

  • Vue correspond à vue-cli

  • L'équipe principale de Vue maintient vue-router et vuex

  • La plus grande différence entre React et Vue est l'écriture de modèles

  • Dans Vue, l'objet state n'est pas nécessaire, et les données sont gérées dans l'objet Vue par l'attribut data. La solution

  • Vue) convient aux petites applications, mais ne convient pas aux grandes applications.

Recommandations d'apprentissage gratuites associées : JavaScript(Vidéo)

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn