Apakah perbezaan antara program vue dan mini?

Perbezaan antara program vue dan mini: 1. Vue secara amnya meminta data dalam dibuat atau dipasang, manakala dalam program mini, ia meminta data dalam onLoad atau onShow 2. Vue mengikat nilai pembolehubah secara dinamik kepada When atribut elemen ditentukan, titik bertindih akan ditambah di hadapan pembolehubah, dan apabila applet mengikat nilai pembolehubah kepada atribut elemen, ia akan disertakan dalam dua kurungan kerinting 3. Vue menggunakan "v-; if" dan "v-show" mengawal paparan dan penyembunyian elemen, dan program mini menggunakan "wx-if" dan tersembunyi.

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

Apakah perbezaan antara program vue dan mini? Program mini WeChat Untuk onLoad: memuatkan halaman, onShow: paparan halaman, onReady: halaman rendering awal selesai, onHide: page hidden, onUnload: page unloaded.

- Fungsi cangkuk Vue akan dicetuskan apabila melompat ke halaman baharu, tetapi fungsi cangkuk program mini akan mencetuskan cangkuk yang berbeza dalam kaedah lompatan halaman yang berbeza. beforecreate, created sesuai untuk permintaan rangkaian, beforemout updates data, moved, beforeupdate, updated, beforedestory, musnah. 2. Masa permintaan data adalah berbeza:

Apabila halaman dimuatkan untuk meminta data, penggunaan kedua-dua cangkuk adalah agak serupa , dan Vue secara amnya Data diminta dalam dicipta atau dipasang, manakala dalam program mini, data diminta dalam onLoad atau onShow.

3 Kaedah pengikatan data adalah berbeza:

Apabila vue secara dinamik mengikat nilai pembolehubah kepada atribut elemen, A kolon akan ditambah di hadapan pembolehubah. Program mini: Apabila nilai pembolehubah terikat pada atribut elemen, ia akan disertakan dalam dua kurungan kerinting Jika tiada kurungan disertakan, ia akan dianggap sebagai rentetan.

4 Memaparkan dan menyembunyikan elemen adalah berbeza:

Dalam vue, gunakan v-if dan v-show untuk mengawal paparan dan menyembunyikan daripada unsur. Dalam applet, gunakan wx-if dan tersembunyi untuk mengawal paparan dan menyembunyikan unsur.

5. Pemprosesan acara adalah berbeza:

vue: gunakan v-on:event untuk mengikat acara atau gunakan @event untuk mengikat acara ;Dalam program mini, gunakan bindtap="" atau catchtap='' untuk mengikat peristiwa catchtap menghalang acara daripada menggelegak.

6. Pengikatan data dua hala adalah berbeza:

Dalam vue, anda hanya perlu menambah v-model pada elemen borang, dan kemudian Kemudian ikat nilai yang sepadan dalam data Apabila kandungan elemen bentuk berubah, nilai yang sepadan dalam data juga akan berubah dengan sewajarnya. Dalam program mini, apabila kandungan borang berubah, kaedah terikat kepada elemen borang akan dicetuskan, dan kemudian dalam kaedah ini, nilai pada borang diberikan kepada nilai dalam data melalui this.setData({key:value} ) Nilai sepadan.

7 Parameter peristiwa mengikat adalah berbeza:

Dalam vue, parameter peristiwa mengikat hanya perlu diluluskan dalam kaedah yang mencetuskan peristiwa . , masukkan data yang perlu dipindahkan sebagai parameter formal. Dalam applet, anda tidak boleh meneruskan parameter secara langsung dalam kaedah mengikat peristiwa Anda perlu menggunakan parameter sebagai nilai atribut, mengikatnya pada atribut data pada elemen, dan kemudian menggunakan e.currentTarget.dataset.* dalam kaedah. Dapatkan, dengan itu melengkapkan pemindahan parameter.

8 Komunikasi antara komponen ibu bapa dan anak adalah berbeza:

Penciptaan komponen kanak-kanak adalah berbeza:

Diperlukan dalam vue:

1. Tulis subkomponen

2 yang perlu digunakan;

• 3. Daftar dalam komponen vue;

Dalam program mini, anda memerlukan:

1 Tulis subkomponen

2 subkomponen , isytiharkan fail sebagai komponen;

3 Dalam fail json komponen induk yang perlu diperkenalkan, isikan nama komponen dan laluan komponen yang diimport dalam menggunakan

• 4. Dalam komponen induk , hanya memperkenalkannya secara langsung;

Untuk menghantar data daripada komponen induk kepada komponen anak, anda hanya perlu menghantar nilai melalui v-bind dalam komponen anak, anda boleh melengkapkan pemindahan data dengan menerimanya melalui props Komunikasi antara komponen anak dan komponen induk boleh dilakukan melalui kaedah ini .memancarkan dan data kepada komponen induk.

Dalam applet,

Komponen induk secara langsung memberikan nilai kepada pembolehubah, dan dalam sifat komponen anak, menerima nilai yang diluluskan . Jika komponen induk ingin memanggil kaedah subkomponen

vue akan menambah atribut ref pada subkomponen dan subkomponen boleh diperolehi melalui nilai this.refs.ref, dan kemudian Anda boleh memanggil sebarang kaedah dalam komponen anak.

• Aplet adalah untuk menambah id atau kelas pada subkomponen, kemudian cari subkomponen melalui this.selectComponent, dan kemudian panggil kaedah subkomponen.

  Pembelajaran yang disyorkan: "tutorial video nodejs"

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