Apakah rangka kerja yang dimiliki oleh vue dan react?

vue dan reaksi tergolong dalam rangka kerja JavaScript. Vue ialah rangka kerja JavaScript progresif untuk membina antara muka pengguna pustaka teras Vue hanya memfokuskan pada lapisan paparan, dan sangat mudah dipelajari dan disepadukan dengan perpustakaan lain atau projek sedia ada. React ialah rangka kerja pembangunan JavaScript yang digunakan untuk membina antara muka pengguna, terutamanya digunakan untuk membina UI React meminimumkan interaksi dengan DOM dengan mensimulasikan DOM.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi vue3&&react18, komputer Dell G3.

Vue dan bertindak balas ialah kedua-dua rangka kerja JavaScript.

rangka kerja vue

vue.js (sebutan /vjuː/, serupa dengan paparan) ialah satu set alatan untuk membina pengguna antara muka Rangka kerja JavaScript Progresif. Tidak seperti rangka kerja besar yang lain, Vue direka bentuk untuk digunakan lapisan demi lapisan dari bawah ke atas. Pustaka teras Vue hanya memfokuskan pada lapisan paparan, menjadikannya mudah untuk disepadukan dengan perpustakaan pihak ketiga atau projek sedia ada.

Vue.js ialah rangka kerja progresif untuk membina antara muka pengguna. Tidak seperti rangka kerja heavyweight lain, Vue menggunakan reka bentuk pembangunan tambahan dari bawah ke atas. Pustaka teras Vue hanya memfokuskan pada lapisan paparan, dan sangat mudah dipelajari serta disepadukan dengan perpustakaan lain atau projek sedia ada. Vue, sebaliknya, mampu sepenuhnya memacu aplikasi satu halaman kompleks yang dibangunkan menggunakan komponen fail tunggal dan perpustakaan yang disokong oleh ekosistem Vue.

Matlamat Vue.js adalah untuk membolehkan pengikatan data responsif dan komponen paparan terdiri melalui API yang paling mudah.

Ciri-ciri Vue.js adalah seperti berikut:

• Rangka kerja ringan (secara relatifnya)

• Pengikatan data dua hala

• Perintah

• Palam masuk

Kelebihan :

• Mudah: Dokumentasi rasmi sangat jelas dan lebih mudah dipelajari daripada Angular. (Rangka kerja domestik, tunjuk cara dan dokumen)

• Pantas: Kemas kini DOM dalam pemprosesan kelompok tak segerak. (Serentak)

• Komposisi: Karang aplikasi anda dengan komponen boleh diguna semula yang dipisahkan. (Fungsi terdiri daripada komponen fungsi individu yang berbeza)

• Kompak: ~18kb min gzip, dan tiada kebergantungan.

• Berkuasa: Ungkapan & sifat dikira tanpa mengisytiharkan kebergantungan.

• Mesra modul: Ia boleh dipasang melalui NPM, Bower atau Duo Ia tidak memaksa semua kod anda untuk mengikut pelbagai peraturan Angular, dan senario penggunaan adalah lebih fleksibel.

Kelemahan:

• Bayi Lahir: Vue.js ialah projek baharu, tidak matang seperti sudut.

• Impaknya tidak begitu besar.

• Tidak menyokong IE8

rangka kerja bertindak balas

bertindak balas. Rangka Kerja js ialah rangka kerja pembangunan JavaScript yang dilancarkan oleh Facebook untuk membina antara muka pengguna.

React ialah perpustakaan JavaScript deklaratif, cekap dan fleksibel untuk membina antara muka pengguna. React membolehkan anda menggabungkan coretan kod yang pendek dan bebas ke dalam antara muka UI yang kompleks. Coretan kod ini dipanggil "komponen".

Oleh kerana idea reka bentuk React sangat unik, ia merupakan inovasi revolusioner, mempunyai prestasi cemerlang, dan logik kodnya sangat mudah. Oleh itu, semakin ramai orang memberi perhatian dan menggunakannya, memikirkan bahawa ia mungkin alat arus perdana untuk pembangunan web pada masa hadapan.

React ialah perpustakaan JavaScript sumber terbuka yang menyediakan paparan HTML untuk data. Paparan tindak balas biasanya dipaparkan menggunakan komponen yang mengandungi komponen lain yang dinyatakan dalam teg HTML tersuai. React menyediakan pengaturcara dengan model di mana komponen kanak-kanak tidak boleh menjejaskan komponen luar secara langsung, kemas kini yang cekap pada dokumen HTML apabila data berubah dan pemisahan bersih antara komponen dalam aplikasi satu halaman moden.

React menjadikan mencipta UI interaktif menjadi mudah. Reka bentuk paparan ringkas untuk setiap keadaan dalam apl anda supaya React boleh mengemas kini dan memaparkan komponen dengan cekap dengan betul apabila data berubah. Logik komponen ditulis dalam JavaScript dan bukannya templat, jadi anda boleh menghantar data dengan mudah di sekeliling apl anda dan memastikan keadaan berasingan daripada DOM.

Ciri React

• Reka bentuk deklaratif: React mengamalkan paradigma deklaratif, yang boleh menerangkan aplikasi dengan mudah.

• Cekap: React meminimumkan interaksi dengan DOM dengan mensimulasikan DOM.

• Fleksibel: React dimainkan dengan baik dengan perpustakaan atau rangka kerja yang diketahui.

• JSX: JSX ialah lanjutan sintaks JavaScript. JSX tidak diperlukan untuk pembangunan React, tetapi ia disyorkan.

• Komponen: Membina komponen melalui React menjadikannya lebih mudah untuk menggunakan semula kod dan boleh digunakan dengan baik dalam pembangunan projek besar.

• Aliran data tindak balas sehala: React melaksanakan aliran data tindak balas sehala, dengan itu mengurangkan kod berulang, itulah sebabnya ia lebih mudah daripada pengikatan data tradisional.

• Menguasai React bukan sahaja boleh membantu anda menangani pembangunan aplikasi bahagian hadapan, tetapi idea pengaturcaraannya juga boleh digunakan pada pembangunan bahagian belakang pembangunan Apl asli React Native dan pemaparan bahagian pelayan. Jadi sama ada anda terlibat dalam pembangunan bahagian hadapan atau tidak, pembelajaran React akan sangat membantu untuk meningkatkan kemahiran dan pembangunan kerjaya anda.

Perbezaan antara React dan Vue

Dalam aplikasi React, apabila keadaan komponen berubah, Ia akan memaparkan semula keseluruhan subpokok komponen dengan komponen itu sebagai punca. Jika anda ingin mengelakkan pemaparan semula subkomponen yang tidak perlu, anda perlu melaksanakannya secara manual dalam aplikasi Vue, kebergantungan komponen dijejaki secara automatik semasa proses pemaparan, jadi sistem boleh mengetahui dengan tepat komponen mana yang benar-benar perlu dipaparkan semula; , dan pembangun tidak perlu Anda perlu mempertimbangkan sama ada komponen perlu dipaparkan semula dan pengoptimuman lain.

Dalam React, semuanya adalah JavaScript dan semua komponen bergantung pada JSX untuk fungsi pemaparannya. JSX ialah gula sintaksis untuk menulis JavaScript menggunakan sintaks XML. Anda boleh menggunakan fungsi JavaScript bahasa pengaturcaraan yang lengkap untuk membina halaman paparan anda Vue mempunyai fungsi pemaparan sendiri, dan Vue juga menyokong JSX secara rasmi untuk menggunakan templat untuk memaparkan paparan. Komponen dibahagikan kepada komponen logik dan komponen persembahan.

CSS dalam skop komponen. Skop CSS dilaksanakan dalam React melalui penyelesaian CSS-in-JS dalam Vue ia dilaksanakan dengan menambahkan teg berskop pada teg gaya.

Pustaka penghalaan Vue dan perpustakaan pengurusan negeri secara rasmi diselenggara dan disokong serta dikemas kini secara serentak dengan perpustakaan teras. React memilih untuk menyerahkan isu ini kepada komuniti, sekali gus mewujudkan ekosistem yang lebih terpencar.

[Cadangan berkaitan: Tutorial video Redis]

Atas ialah kandungan terperinci Apakah rangka kerja yang dimiliki oleh vue dan react?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!