Quels frameworks sont Vue et React ?

vue est un framework JavaScript progressif pour la création d'interfaces utilisateur. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue et est très facile à apprendre et à intégrer avec d'autres bibliothèques ou projets existants. React est un framework de développement JavaScript utilisé pour créer des interfaces utilisateur, principalement utilisées pour créer des interfaces utilisateur.

L'environnement d'exploitation de cet article : système Windows10, vue2.9&&react 16, ordinateur thinkpad t480.

Recommandations associées : "Tutoriel vidéo React", "Tutoriel vue.js"

Quel est le cadre de vue ?

vue.js (prononcé /vjuː/, similaire à view) est un framework JavaScript progressif permettant de créer des interfaces utilisateur. Contrairement à d’autres grands frameworks, Vue est conçu pour être appliqué couche par couche de bas en haut. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue, ce qui facilite l'intégration avec des bibliothèques tierces ou des projets existants.

Vue.js est un framework progressif pour créer des interfaces utilisateur. Contrairement à d'autres frameworks lourds, Vue adopte une conception de développement incrémental ascendant. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue et est très facile à apprendre et à intégrer à d'autres bibliothèques ou projets existants. Vue, en revanche, est tout à fait capable de piloter des applications complexes d'une seule page développées à l'aide de composants et de bibliothèques à fichier unique pris en charge par l'écosystème Vue.

L'objectif de Vue.js est de permettre une liaison de données réactive et des composants de vue composés via l'API la plus simple possible.

Compatibilité vue

Vue.js ne prend pas en charge IE8 et versions antérieures car Vue.js utilise des fonctionnalités ECMAScript 5 que IE8 ne peut pas émuler. Vue.js prend en charge tous les navigateurs compatibles ECMAScript 5.

Quel framework est React ?

Le framework React.js est un framework de développement JavaScript lancé par Facebook pour créer des interfaces utilisateur.

React est une bibliothèque JavaScript déclarative, efficace et flexible pour créer des interfaces utilisateur. React vous permet de combiner des extraits de code courts et indépendants dans des interfaces utilisateur complexes. Ces extraits de code sont appelés « composants ».

Parce que l'idée de conception de React est extrêmement unique, il s'agit d'une innovation révolutionnaire, offre des performances exceptionnelles et la logique du code est très simple. Par conséquent, de plus en plus de gens commencent à y prêter attention et à l’utiliser, pensant qu’il pourrait devenir l’outil principal de développement Web à l’avenir.

React est une bibliothèque JavaScript open source qui fournit des vues HTML pour les données. Les vues React sont généralement rendues à l'aide de composants contenant d'autres composants spécifiés dans des balises HTML personnalisées. React fournit aux programmeurs un modèle dans lequel les composants enfants ne peuvent pas affecter directement les composants externes, des mises à jour efficaces des documents HTML lorsque les données changent et une séparation nette entre les composants dans les applications modernes d'une seule page.

React facilite la création d'interfaces utilisateur interactives. Concevez des vues concises pour chaque état de votre application afin que React puisse mettre à jour et restituer efficacement les composants lorsque les données changent. La logique des composants est écrite en JavaScript plutôt qu'en modèles, vous pouvez donc facilement transmettre des données dans votre application et conserver un état séparé du DOM.

Comparaison entre React et Vue

Similarités :

Vue et React sont tous deux des frameworks d'interface utilisateur JavaScript, axés sur la création Riche applications sur le front-end. Contrairement aux premiers frameworks JavaScript qui étaient « complets », Reat et Vue n'ont que le squelette du framework, et d'autres fonctions telles que le routage et la gestion de l'état sont des composants séparés du framework.

• Les deux sont des bibliothèques JavaScript pour créer une interface utilisateur

• Les deux sont rapides et légères

• tous ont une architecture basée sur des composants

• utilisent tous un DOM virtuel

• peuvent tous être placés dans un seul fichier HTML ou devenir un module. dans une configuration Webpack plus complexe ;

• les deux ont des routeurs et des bibliothèques de gestion d'état indépendants mais couramment utilisés

Différence :

• Dans une application React, lorsque l'état d'un composant change, il restituera l'intégralité du sous-arbre du composant avec le composant comme racine. Si vous souhaitez éviter un nouveau rendu inutile des sous-composants, vous devez l'implémenter manuellement ; dans les applications Vue, les dépendances des composants sont automatiquement suivies pendant le processus de rendu, afin que le système puisse savoir avec précision quels composants doivent réellement être restitués. , et les développeurs n'ont pas besoin de vous demander si le composant doit être restitué et d'autres optimisations.

• Dans React, tout est JavaScript et tous les composants s'appuient sur JSX pour leurs fonctions de rendu. JSX est un sucre syntaxique pour écrire du JavaScript en utilisant la syntaxe XML. Vous pouvez utiliser les fonctions JavaScript complètes du langage de programmation pour créer vos pages de vue ; Vue a sa propre fonction de rendu et Vue prend également en charge JSX. Vue recommande officiellement d'utiliser des modèles pour rendre les vues. Les composants sont divisés en composants logiques et composants de présentation.

• CSS dans la portée du composant. La portée CSS est implémentée dans React via la solution CSS-in-JS ; dans Vue, elle est implémentée en ajoutant la balise scoped à la balise de style.

• La bibliothèque de routage et la bibliothèque de gestion d'état de Vue sont officiellement maintenues, prises en charge et mises à jour simultanément avec la bibliothèque principale. React choisit de laisser ces questions à la communauté, créant ainsi un écosystème plus décentralisé.

Recommandations associées :

Résumé des questions d'entretien avec vue frontale 2020 (avec réponses)

Recommandation du didacticiel Vue : les 5 dernières sélections de didacticiels vidéo vue.js en 2020

Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !

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!