Quelle est la différence entre diff en vue et réagir

Différence : 1. Lorsque les types d'éléments de nœud sont les mêmes mais que les noms de classe sont différents, Vue les considère comme des éléments différents et les supprimera et les recréera, tandis que React les considère comme des nœuds du même type et effectuera des modifications. opérations ; 2. Lors de la comparaison de listes, Vue utilise Compare des deux extrémités vers le milieu, tandis que React compare de gauche à droite.

L'environnement d'exploitation de cet article : système Windows 10, Vue version 2.9.6, ordinateur DELL G3.

Quelle est la différence entre vue et diff dans React ?

Algorithme diff :

Un algorithme différent (virtuel) pour différentes comparaisons de dom

Ce qu'ils ont en commun :

Les algorithmes vue et diff n'effectuent pas de cross- comparaisons de niveau, effectuez uniquement des comparaisons de même niveau

Différences :

1. Lorsque vue effectue une différence, elle appelle la fonction patch pour corriger le vrai DOM lors de la comparaison. Lorsque vue compare les nœuds, lorsque les types d'éléments de nœud sont les mêmes, le les noms de classe sont différents. En même temps, ils sont considérés comme des éléments différents, supprimés et recréés, tandis que React les considère comme des nœuds du même type et effectue des opérations de modification

2. méthode des deux extrémités vers le milieu, les deux extrémités de l'ancienne collection et de la nouvelle collection Il y a deux pointeurs dans chacune, et ils sont comparés par paires, le pointeur se déplace une fois vers le milieu de la file d'attente ; de gauche à droite, en utilisant l'index et le lastindex de l'élément pour comparaison

3 Lorsqu'une collection met le dernier Lorsqu'un nœud est déplacé vers l'avant, React déplacera les nœuds précédents vers l'arrière dans l'ordre, tandis que Vue ne mettra que le dernier. nœud à l'avant. À en juger par cette opération, les performances différentielles de Vue sont supérieures à celles de React

【Connexe recommandé : "Tutoriel vue.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!