Vue と React の diff の違いは何ですか

違い: 1. ノード要素の型が同じでもクラス名が異なる場合、Vue はそれらを異なる要素とみなし、削除して再作成しますが、react はそれらを同じ型のノードとみなします。 2. リストの比較 このとき、Vue は両端から中央に向かって比較しますが、React は左から右に比較します。

この記事の動作環境: Windows 10 システム、Vue バージョン 2.9.6、DELL G3 コンピューター。

react における vue と diff の違いは何ですか

diff アルゴリズム:

dom (仮想) を比較するための別のアルゴリズム

共通点:

vue アルゴリズムと diff アルゴリズムはクロスレベルの比較を実行せず、同じレベルの比較のみを実行します

違い:

1. vue が diff を実行するときは、patch を呼び出します。パッチ関数は patch を実行します。 Vue がノードを比較するとき、ノード要素の型は同じでもクラス名が異なる場合、その要素は異なる要素とみなされ、削除され、再作成されますが、React はそれらを同じノードであると見なします。 type. 変更操作

2. vue リストを比較する場合は、両端から中間へ向かう方法を使用します. 古いコレクションと新しいコレクションの両端に 2 つのポインタがあり、それらはペアで比較されます. After各比較、ポインターはキューの中央に移動します。反応は要素のインデックスとラストインデックスを使用して左から右に比較します。

3. コレクションが最後のノードを先頭に移動すると、反応します。前のノードを順番に移動します 後方に移動し、Vue は最後のノードのみを前に配置します この操作から判断すると、Vue の差分パフォーマンスは、react

[関連する推奨事項: "vue. js チュートリアル >>]

以上がVue と React の diff の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。