Que peuvent faire vue et réagir

Vue peut rendre le développement d'applications frontales basées sur le Web plus pratique, car Vue.js dispose d'une liaison de données déclarative et réactive, d'un développement basé sur des composants et utilise également Virtual DOM pour créer une interaction avec les utilisateurs Web ; interfaces, il introduit une nouvelle façon de gérer le DOM du navigateur.

L'environnement d'exploitation de ce tutoriel : système Windows7, version React17.0.1&&vue2.0, ordinateur Dell G3.

Recommandations associées : "Tutoriel vue.js"

Que peut faire vuet ?

Vue.js est un framework progressif permettant de créer des interfaces Web basées sur les données. L'objectif de Vue.js est de permettre une liaison de données réactive et des composants de vue composés avec l'API la plus simple possible. 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 d'implémenter une liaison de données réactive et des composants de vue combinés via l'API la plus simple possible

Vue.js peut rendre le développement d'applications frontales basées sur le Web plus pratique , car Vue.js dispose d'une liaison de données déclarative et réactive, d'un développement basé sur des composants et utilise également Virtual DOM.

Vue peut simplement écrire une seule page ou un grand système frontal.

Vue peut créer des applications frontales d'une seule page, du plus simple au plus complexe, qui peuvent être vues partout et peuvent être développées avec Vue.

Scénarios d'application :

Si vous utilisez toujours jquery pour faire fonctionner fréquemment votre DOM afin de mettre à jour la page, vous pouvez utiliser Vue.js pour libérer votre DOM exploité.

S'il y a plusieurs parties de votre projet qui sont identiques et peuvent être encapsulées dans un composant, vous pouvez essayer d'utiliser Vue.js.

De plus, l'implémentation principale de Vue.js utilise la fonctionnalité Object.defineProperty d'ES5, qui est incompatible avec les navigateurs d'IE8 et inférieurs. Par conséquent, votre projet doit être compatible avec ces versions inférieures des navigateurs. , alors Vue.js n'est pas applicable.

Après tout, le but de développer un projet n'est pas d'utiliser un certain framework.

Que peut faire la réaction ?

React est un framework JavaScript permettant de créer des interfaces utilisateur Web « prévisibles » et « déclaratives », qui permet à Facebook de développer des applications Web plus rapidement.

React peut être utilisé pour créer des interfaces d'interaction utilisateur Web. Il introduit une nouvelle façon de gérer le DOM du navigateur.

Il est révolu le temps où vous deviez mettre à jour manuellement le DOM et enregistrer laborieusement chaque état - cette ancienne méthode n'est ni évolutive ni difficile d'ajouter de nouvelles fonctionnalités, même si elle le peut, mais prend également beaucoup de risques.

React résout ces problèmes d'une manière très originale. Il vous suffit de définir de manière déclarative l'interface utilisateur à chaque instant, et la relation non ordonnée détermine quelle partie du DOM doit être mise à jour lorsque les données changent. À tout moment, React peut mettre à jour l’intégralité de l’application avec des modifications minimes du DOM.

React introduit de nouveaux concepts passionnants qui remettent en question certaines bonnes pratiques existantes. L'apprentissage de ces concepts vous aidera à comprendre leurs avantages et à créer des applications monopage (SPA) hautement évolutives. React met l'accent sur la partie « vue » de l'application et ne limite pas la manière d'interagir avec le serveur et d'organiser le code.

Statut de fonctionnement :

React est basé sur des fonctions de rendu. Ces fonctions lisent dans l'état actuel et le convertissent en une représentation virtuelle sur la page cible. Chaque fois que React est informé d'un changement d'état, il réexécutera ces fonctions, calculera une nouvelle représentation virtuelle de la page, puis convertira automatiquement les résultats en mises à jour DOM nécessaires pour refléter la nouvelle représentation.

Cette approche semble plus lente que la solution JavaScript habituelle consistant à mettre à jour chaque élément selon les besoins, mais React fait exactement cela : il utilise un algorithme très efficace pour calculer la page virtuelle. Les différences entre la version actuelle et la nouvelle version et les mises à jour minimales nécessaires du DOM en fonction de ces différences. React gagne en minimisant le redessinage et en évitant les opérations DOM inutiles, qui sont toutes deux des goulots d'étranglement reconnus en matière de performances.

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!