Quelle est la différence entre le rendu vue et réagir ?

Différences : 1. React rend les modèles via JSX tandis que Vue les rend via une syntaxe HTML étendue ; 2. Vue suivra les dépendances de chaque composant pendant le processus de rendu et n'aura pas besoin de restituer l'intégralité de l'arborescence des composants ; tandis que React restituera tous les sous-composants lorsque l'état de l'application est modifié.

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

La différence entre le rendu vue et React

1. La différence dans les méthodes de rendu des modèles

En apparence, la syntaxe des modèles est différente via JSX. . Vue restitue via une syntaxe HTML étendue, mais en fait ce n'est qu'un phénomène superficiel. Après tout, React n'a pas besoin de s'appuyer sur JSX.

À un niveau profond, les principes des modèles sont différents. C'est leur différence essentielle : React implémente une syntaxe commune dans les modèles via JS natif dans le code JS du composant, comme l'interpolation, les conditions, les boucles, etc. est implémenté via la syntaxe JS, plus pure et plus native. Vue est implémenté via des instructions dans un modèle séparé du code JS du composant. Par exemple, les instructions conditionnelles nécessitent v-if pour y parvenir. Cette approche semble un peu unique et va gâcher le code HTML.

Prenons un exemple pour illustrer les avantages de React : la fonction de rendu de React prend en charge la fonction de fermeture, afin que les composants que nous importons puissent être appelés directement dans le rendu. Mais dans Vue, puisque les données utilisées dans le modèle doivent y être accrochées pour le transfert, après avoir importé un composant, nous devons le déclarer à nouveau dans les composants. C'est évidemment très étrange mais cela doit être fait.

2. Différents processus de rendu

Vue peut calculer la différence du DOM virtuel plus rapidement car il suit les dépendances de chaque composant pendant le processus de rendu et n'a pas besoin de restituer le rendu. toute l’arborescence des composants.

React restituera tous les sous-composants lorsque l'état de l'application est modifié. Il peut être contrôlé via la méthode de cycle de vie ShouldComponentUpdate, mais Vue considère cela comme une optimisation par défaut.

Si les interactions dans l'application sont complexes et doivent gérer un grand nombre de modifications de l'interface utilisateur, alors utiliser Virtual DOM est une bonne idée. Si la mise à jour des éléments est peu fréquente, le DOM virtuel peut ne pas convenir et les performances peuvent ne pas être aussi bonnes que la manipulation directe du DOM.

Recommandations associées :

Résumé des questions d'entretien Front-end Vue 2020 (avec réponses)

tutoriel vue Recommandé : Les 5 dernières sélections de didacticiels vidéo vue.js en 2020

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de 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!