Rumah > Artikel > hujung hadapan web > Apakah perbezaan antara vue dan uni-app
Perbezaan antara vue dan uni-app: 1. uni-app boleh merealisasikan set kod untuk dijalankan pada berbilang terminal melalui pembungkusan, tetapi vue tidak boleh 2. uni-app mempunyai pramuat bingkai automatik, memuatkan halaman lebih cepat Cepat, vue tidak memilikinya; 3. uniapp menggunakan tag program mini, dan vue menggunakan tag bahagian web 4. uni tidak menyokong vue-router dan menggunakan penghalaan sendiri.
Persekitaran pengendalian tutorial ini: sistem windows7, versi uni-app2.5.1&&vue2.9.6, komputer Dell G3.
uni-app boleh dihimpun ke dalam applet (Toutiao, Alipay, WeChat, QQ, Baidu), versi Android, versi ios, versi h5. Melalui pembungkusan, satu set kod boleh dijalankan pada berbilang terminal Vue direka untuk aplikasi satu halaman di web, tetapi pada aplikasi, aplikasi satu halaman akan tersekat.
uni-app juga mempunyai pramuat bingkai automatik, memuatkan halaman dengan lebih pantas.
Perubahan komponen/label
Dulu tag html, kini tag program mini.
- p Tukar kepada paparan
- span, fon Tukar kepada teks
- a Tukar kepada navigator
- img Tukar kepada imej
- input masih ada, tetapi atribut jenis telah ditukar kepada confirmtype
- borang, butang, kotak semak, radio, label, textarea, kanvas, video
masih ada.- pilih ditukar kepada pemilih
- iframe ditukar kepada paparan web
- ul dan li hilang, dan digantikan dengan paparan
- audio tidak lagi disyorkan . Tukar kepada mod api, dokumen api audio latar belakang
Malah, teg HTML lama juga boleh digunakan dalam apl uni Pengkompil uni akan menukar teg lama kepada teg baharu semasa penyusunan, seperti menyusun p ke paparan. Walau bagaimanapun, penggunaan ini tidak disyorkan, kerana ia boleh menyebabkan kekeliruan dengan mudah apabila menyahpepijat hujung H5.
Selain perubahan, beberapa komponen baharu yang biasa digunakan pada telefon bimbit telah ditambah
- skrol- paparan boleh dizonkan bekas paparan tatal
- bekas paparan kawasan boleh leret leret
- ikon ikon
- teks kaya Teks kaya (tidak boleh melaksanakan js, tetapi boleh memaparkan pelbagai format teks dan imej)
- bar kemajuan kemajuan
- penunjuk peluncur gelangsar
- pemilih suis suis
- kamera kamera
- siaran langsung pemain langsung
- peta peta
- pandangan penutup Bekas paparan yang boleh meliputi komponen asli
pandangan penutup perlu ditekankan beberapa kali lagi Dalam erti kata lain, video, peta, kanvas dan kawasan teks pada sisi bukan h5 uni-app ialah komponen asli dan tahapnya lebih tinggi daripada komponen lain. Jika anda perlu menutup komponen asli, seperti menambahkan topeng pada peta, anda perlu menggunakan komponen paparan penutup
Selain komponen terbina dalam, terdapat banyak komponen sambungan sumber terbuka yang merangkumi perkara biasa. DCloud telah menubuhkan Pasaran pemalam termasuk komponen sambungan ini Untuk butiran, sila lihat pasaran pemalam
Js
Oleh kerana api uni-. app merujuk kepada program mini, ia adalah sama dengan js api penyemak imbas Terdapat banyak perbezaan, seperti
Terdapat banyak js apis uni-app, tetapi pada asasnya Untuk API program mini, tukar sahaja wx.request kepada uni.request. uni-app menyokong kompilasi bersyarat pada terminal yang berbeza dan boleh menggunakan API unik setiap terminal tanpa sekatan
- alert, confirm ditukar kepada uni.showmodel
<.>ajax axios ditukar kepada uni.request- kuki dan sesi hilang, .storage setempat ditukar kepada uni.storage
- vue-router hilang dan ditukar kepada uni.navigateTo
uniapp dilengkapi dengan kaedah penghalaan dan permintaannya sendiri
uni.navigateTo routing and page jumpuni.request permintaan rangkaianvue.js tutorialCadangan berkaitan: "
", "tutorial uniapp》
Atas ialah kandungan terperinci Apakah perbezaan antara vue dan uni-app. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!