Apakah perbezaan antara react dan vuejs

Perbezaan: 1. Vue adalah pengikatan dua hala, manakala react bukan; Vuex; 4. React menggunakan perancah Cipta Aplikasi React, Vue menggunakan vue-cli.

Persekitaran pengendalian tutorial ini: sistem windows7, versi vue2.9.6&&react16, komputer DELL G3.

Perbandingan antara React.js dan Vue.js

	React	Vue
类型	JavaScript库	JavaScript库
适用于	Web和Native的理想选择	主要关注Web开发，但它是为了支持其他平台的前进而编写的
开发人员	Facebook社区（由Jordan Walke创建）	Evan You
首次发布	2013年3月	2014年2月
写入	JavaScript	JavaScript
跨平台开发	React的React Native是一个成熟且广泛使用的原生应用程序平台	Vue的Weex仍在不断发展，旨在提供顺畅的开发体验
学习曲线	陡峭的学习曲线，需要深厚的知识	简单的学习曲线，基于HTML的模板使其熟悉
人气	React在GitHub上最热门的Javascript项目列表中排名第二	Vue.js排名第一，是2017年最时尚的项目，年内在GitHub上添加了超过40,000颗星
可重用性	仅CSS	最大可重用性
性能	同样快速	同样快速
GitHub上的贡献者	1201	189
模型	虚拟DOM（文档对象模型）	基于虚拟DOM HTML的模板
功能	可用作单页面或移动应用程序开发的基础	能够为高级单页面应用程序提供动力的Web应用程序框架
简单	React比Vue更复杂	Vue比React更简单
值得注意的特性	使用道具进行单向数据绑定有状态组件虚拟DOM 生命周期方法 JSX（JavaScript XML） HTML以外的架构	基于HTML的模板反应性组件（将整个应用程序划分为小型，自我包含，通常可重用的组件）转换路由*集成
Bootstrap应用程序	CRA（创建React应用程序）	Vue-cli

Perbezaan antara tindak balas dan vuejs

1 Pengikatan data

Data yang berkaitan dalam Vue. Bahagian pengikat

vue ialah pengikatan dua hala Terdapat dua fungsi teras Vue.js, satu ialah sistem pengikatan data responsif, dan satu lagi ialah sistem komponen. Apa yang dipanggil pengikatan dua hala bermaksud bahawa data dalam tika Vue adalah konsisten dengan kandungan elemen DOM yang diterangkan Tidak kira siapa yang diubah, pihak yang satu lagi akan dikemas kini kepada data yang sama dengan sewajarnya. Ini dicapai dengan menetapkan pengakses harta.

Dalam vue, berkaitan dengan pengikatan data ialah ungkapan interpolasi, sistem arahan, *Kelas dan Gaya, pengendali acara dan ruang borang, permintaan ajax dan sifat yang dikira

tindak balas tidak mempunyai dua- pengikatan data cara

tindak balas ialah aliran data sehala

Secara tindak balas, kemas kini masa nyata dan perubahan data boleh dicapai dengan pengikatan dua hala keadaan (Model layer) dan Lihat data lapisan , khususnya, tulis kod JS secara langsung dalam lapisan Lihat dan gunakan data dalam lapisan Model untuk memaparkan Setelah perubahan data dicetuskan oleh operasi borang, peristiwa pencetus, permintaan ajax, dsb., penyegerakan dwi. dilakukan

2 rendering semula dan pengoptimuman

Apabila anda membandingkan React dan Vue, kelajuan tidak boleh menjadi faktor perbandingan penting dalam menentukan yang mana satu. adalah lebih baik. Dari segi prestasi, mari kita pertimbangkan fungsi pemaparan semula. Apabila keadaan komponen berubah, mekanisme React mencetuskan pemaparan semula keseluruhan pepohon komponen. Anda mungkin mahu menggunakan sifat tambahan untuk mengelakkan pemaparan semula komponen anak yang tidak perlu.

Walaupun fungsi pemaparan semula Vue tersedia di luar kotak, Vue menyediakan pemaparan semula yang dioptimumkan di mana sistem menjejaki kebergantungan semasa pemaparan dan berfungsi dengan sewajarnya.

Memaparkan semula Vue ialah ciri paling menonjol yang menjadikannya rangka kerja yang diterima secara meluas dalam kalangan pembangun di seluruh dunia.

3 JSX dan HTML

React menggunakan JSX - XML ​​JavaScript deklaratif yang membolehkan pembangun menulis komponen menggunakan kuasa JavaScript, manakala Vue.js menggunakan templat HTML untuk membuat paparan.

Templat berasaskan HTML lebih biasa dan bermanfaat dalam menambah baik aplikasi sedia ada untuk mendapatkan faedah ciri reaktif Vue. Ini menyediakan keluk pembelajaran yang mudah untuk pemula dan profesional berpengalaman, kerana kebanyakan mereka telah bekerja dengan HTML dalam satu cara atau yang lain.

4 Penyelesaian penghalaan dan pengurusan negeri

Dalam rangka kerja berasaskan komponen seperti React dan Vue, apabila anda mula memanjangkan aplikasi anda Apabila pengaturcaraan. , anda perlu memberi lebih perhatian kepada pengurusan negeri dan aliran data. Ini kerana terdapat banyak komponen yang berinteraksi antara satu sama lain dan berkongsi data.

Dalam kes ini, React menawarkan penyelesaian inovatif yang dipanggil seni bina Flux/Redux, yang bermaksud aliran data satu arah dan merupakan alternatif kepada seni bina MVC yang terkenal. Sekarang, jika kita mempertimbangkan rangka kerja Vue.js, terdapat seni bina peringkat lebih tinggi yang dipanggil Vuex, yang disepadukan ke dalam Vue dan memberikan pengalaman yang tiada tandingannya.

5. Alat pembinaan

Kedua-dua React dan Vue mempunyai persekitaran pembangunan yang sangat baik. Dengan sedikit atau tiada konfigurasi, anda boleh mencipta aplikasi yang membolehkan anda menggunakan amalan dan templat terkini. Dalam React, terdapat Create React App (CRA), dan dalam Vue, ia adalah vue-cli.

Kedua-dua alatan bootstrap cenderung memberikan anda persekitaran pembangunan yang selesa dan fleksibel serta memberikan anda titik permulaan yang sangat baik untuk memulakan pengekodan.

Cadangan berkaitan: "tutorial vue.js"

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