Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah perbezaan antara vue dan uni-app

Apakah perbezaan antara vue dan uni-app

青灯夜游
Lepaskan: 2022-07-25 10:39:40
asal
47600 orang telah melayarinya

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.

Apakah perbezaan antara vue dan uni-app

Persekitaran pengendalian tutorial ini: sistem windows7, versi uni-app2.5.1&&vue2.9.6, komputer Dell G3.

Perbezaan antara uniapp dan vue

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

  1. alert, confirm ditukar kepada uni.showmodel
  2. <.>ajax axios ditukar kepada uni.request
  3. kuki dan sesi hilang, .storage setempat ditukar kepada uni.storage
  4. vue-router hilang dan ditukar kepada uni.navigateTo
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

uniapp dilengkapi dengan kaedah penghalaan dan permintaannya sendiri

uni.navigateTo routing and page jump
uni.request permintaan rangkaian


Cadangan berkaitan: "
vue.js tutorial

", "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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan