La différence entre dom en vue et réagir

La différence entre vue et dom dans React : 1. Vue suivra les dépendances de chaque composant et n'a pas besoin de restituer l'intégralité de l'arborescence des composants 2. Pour React, chaque fois que l'état de l'application est ; modifié, tous les composants seront restitués.

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

Le concept de DOM virtuel est né avec la naissance de React. Il a été proposé par Facebook. Ses excellentes performances ont été rapidement reconnues par la majorité des développeurs après React, vue2.0 a également introduit le concept de DOM virtuel ; en son cœur.

Qu'est-ce que le DOM virtuel ?

Le dom virtuel est relatif au dom réel rendu par le navigateur. Avant l'émergence de React, Vue et d'autres technologies, nous ne pouvions modifier le contenu affiché sur la page qu'en parcourant l'arborescence dom de requête pour trouver ce dont nous avions besoin. à modifier. Le dom modifie ensuite le comportement ou la structure du style pour atteindre l'objectif de mise à jour de l'interface utilisateur.

Cette méthode consomme beaucoup de ressources informatiques, car presque à chaque fois que vous interrogez le dom, vous devez parcourir l'intégralité de l'arborescence dom si vous créez un objet dom virtuel (objet js) correspondant à l'arborescence dom. , sous forme d'imbrication d'objets Pour représenter l'arborescence dom, chaque changement du dom devient un changement des propriétés de l'objet js. De cette façon, la surcharge de performances liée à la recherche des changements de propriété de l'objet js est inférieure à. celui d'interroger l'arbre dom.

La différence entre le DOM virtuel en vue et en réaction

Le DOM virtuel (virtual DOM) en vue et en réaction est différent.

Vue suivra les dépendances de chaque composant et n'aura pas besoin de restituer l'intégralité de l'arborescence des composants.

Pour React, chaque fois que l'état de l'application est modifié, tous les composants seront restitués, donc la méthode de fonction de cycle de vie ShouldComponentUpdate est nécessaire dans React pour le contrôle.

Recommandé : "Tutoriel de base 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!