Apakah perbezaan antara perbezaan dalam vue dan tindak balas

Perbezaan: 1. Apabila jenis elemen nod adalah sama tetapi nama kelas berbeza, Vue menganggapnya sebagai elemen berbeza dan akan memadam dan menciptanya semula, manakala bertindak balas menganggapnya sebagai nod jenis yang sama dan akan melakukan operasi pengubahsuaian; 2. Senaraikan perbandingan Apabila melakukan ini, Vue membandingkan dari kedua-dua hujung ke tengah, manakala React membandingkan dari kiri ke kanan.

Persekitaran pengendalian artikel ini: sistem Windows 10, versi Vue 2.9.6, komputer DELL G3.

Apakah perbezaan antara perbezaan dalam vue dan tindak balas

algoritma perbezaan:

Algoritma berbeza untuk membandingkan DOM (maya)

Mata Biasa:

Algoritma Vue dan diff tidak melakukan perbandingan merentas peringkat, hanya perbandingan pada tahap yang sama

Perbezaan:

1 Apabila vue melakukan perbezaan, panggil tampalan Fungsi tampalan menampal DOM sebenar semasa membandingkan Apabila Vue membandingkan nod, apabila jenis elemen nod adalah sama tetapi nama kelasnya berbeza, ia dianggap sebagai elemen yang berbeza, dipadam dan dicipta semula, manakala React menganggapnya sebagai nod bagi jenis yang sama dan melakukan operasi Pengubahsuaian

2. Apabila membandingkan senarai vue, gunakan kaedah dari kedua-dua hujung ke tengah Terdapat dua penunjuk di kedua-dua hujung koleksi lama dan koleksi baharu Ia dibandingkan secara berpasangan . Selepas setiap perbandingan, penunjuk Beralih ke tengah baris gilir; , react akan mengalihkan nod sebelumnya dalam urutan Bergerak ke belakang, dan Vue hanya akan meletakkan nod terakhir di hadapan Berdasarkan operasi ini, prestasi perbezaan Vue adalah lebih tinggi daripada react

[Cadangan berkaitan: "

. tutorial vue.js

》】

Atas ialah kandungan terperinci Apakah perbezaan antara perbezaan dalam vue dan tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!