Apakah perbezaan antara pokok sintaks abstrak vue dan dom maya

Perbezaan antara pokok sintaks abstrak vue dan dom maya: 1. Pokok sintaks abstrak merujuk kepada perwakilan abstrak struktur sintaks kod sumber, manakala dom maya pada asasnya ialah objek JS biasa yang digunakan untuk menggambarkan paparan Antara muka struktur; 2. DOM maya ialah perwakilan abstrak DOM sebenar dalam bentuk objek, manakala pokok sintaks abstrak ialah perwakilan abstrak struktur sintaks.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi Vue3, komputer Dell G3.

Apakah perbezaan antara pokok sintaks abstrak vue dan dom maya?

Dom maya pada asasnya ialah objek JS biasa yang digunakan untuk menerangkan struktur antara muka paparanDalam vue, setiap komponen mempunyai fungsi render dan setiap fungsi render Akan mengembalikan maya Pokok DOM, yang bermaksud bahawa setiap komponen sepadan dengan pokok DOM maya

Mengapa anda memerlukan DOM maya?

Dalam vue, pemaparan paparan akan memanggil fungsi pemaparan ini berlaku bukan sahaja apabila komponen dicipta, tetapi juga apabila data yang bergantung pada paparan dikemas kini. Jika anda menggunakan DOM sebenar secara langsung semasa rendering, penciptaan, kemas kini, sisipan dan operasi lain DOM sebenar akan menyebabkan banyak kehilangan prestasi, yang akan mengurangkan kecekapan rendering dengan banyak.

Oleh itu, Vue menggunakan dom maya untuk menggantikan dom sebenar semasa rendering, terutamanya untuk menyelesaikan masalah kecekapan rendering.

Pokok sintaksis abstrak

Dalam sains komputer, Abstrak Syntax Tree (AST), atau ringkasan pokok sintaks, ialah perwakilan abstrak struktur tatabahasa kod sumber. Ia menyatakan struktur tatabahasa bahasa pengaturcaraan dalam bentuk pokok Setiap nod pada pokok mewakili struktur dalam kod sumber

Perbezaan antara dom maya dan ast: Dom maya dan ast, atau pokok sintaks abstrak, kedua-duanya melibatkan pemaparan halaman Semasa saya mula belajar, saya sering mengelirukan kedua-duanya. Kedua-duanya menggunakan objek untuk perwakilan abstrak, tetapi dom maya ialah perwakilan abstrak dom sebenar dalam bentuk objek, manakala ast ialah perwakilan abstrak struktur tatabahasa.

Titik akhir pepohon sintaks abstrak ialah fungsi pemaparan (fungsi h). Fungsi pemaparan (fungsi h), yang merupakan hasil darab AST dan asal vnod (nod maya). Tiada arahan dalam fungsi h.

Pokok sintaks abstrak tidak akan melaksanakan algoritma diff dan pepohon sintaks abstrak tidak akan menjana nod maya secara langsung Pokok sintaks abstrak akhirnya menjana fungsi pemaparan

[Cadangan berkaitan: " tutorial vue.js

》】

Atas ialah kandungan terperinci Apakah perbezaan antara pokok sintaks abstrak vue dan dom maya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!