Kaedah: 1. Muat turun komponen dan ekstrak ke direktori akar uni-app 2. Import komponen dalam halaman yang ditentukan, dengan sintaks "import nama komponen daripada "alamat fail komponen""; . Tentukan dalam pilihan komponen Komponen 4. Dalam nod templat, ikut arahan penggunaan komponen, panggil komponen dan hantar nilai.
Persekitaran pengendalian tutorial ini: sistem Windows 7, uni-app versi 2.5.1, komputer DELL G3.
Artikel ini menggunakan badge
(tanda sudut angka) sebagai contoh untuk menerangkan cara memuat turun dan mengimport komponen daripada pasaran pemalam.
1 Muat turun komponen
Dari halaman butiran pasaran pemalam badge
, klik butang "Muat turun". muat turun selesai, nyahzipnya ke uni-app
direktori akar.
2. Import komponen
Dengan mengandaikan bahawa halaman page-a.vue
perlu menggunakan badge
, import komponen page-a.vue
di bawah nod script
badge
, seperti berikut:
import uniBadge from "@/components/uni-badge/uni-badge.vue"
3. Takrif komponen
Takrifkan komponen components
dalam pilihan badge
, seperti berikut:
export default { data() { return { /* ... */ } }, components: { uniBadge } }
Jika anda memuat turun dan menggunakan berbilang komponen daripada pasaran pemalam, setiap komponen perlu ditakrifkan dalam pilihan components
dan dipisahkan dengan koma.
4 Gunakan komponen
Dalam nod template
, ikut arahan penggunaan komponen, panggil komponen dan hantar nilai, seperti berikut:
<uni-badge text="1"></uni-badge> <uni-badge text="2" type="success" @click="bindClick"></uni-badge>
Contoh kod lengkap adalah seperti berikut:
<script> import uniBadge from "@/components/uni-badge/uni-badge.vue" /* import 导入的其它组件 */ export default { data() { return { /* ... */ } }, components: { uniBadge, /* 其它组件定义 */ } } </script>
Pembelajaran yang disyorkan: Aplikasi Uni dari kemasukan ke tutorial praktikal
Atas ialah kandungan terperinci Bagaimana untuk memuat turun pemalam dalam apl uni. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!