Rumah > hujung hadapan web > uni-app > teks badan

Bagaimana untuk memuat turun pemalam dalam apl uni

奋力向前
Lepaskan: 2023-01-13 00:44:42
asal
4716 orang telah melayarinya

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.

Bagaimana untuk memuat turun pemalam dalam apl uni

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-appdirektori 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"
Salin selepas log masuk

3. Takrif komponen

Takrifkan komponen components dalam pilihan badge, seperti berikut:

export default {  
    data() {  
        return { /* ... */ }  
    },  
    components: {  
        uniBadge  
    }  
}
Salin selepas log masuk

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>
Salin selepas log masuk

Contoh kod lengkap adalah seperti berikut:

  
<script>  
    import uniBadge from &quot;@/components/uni-badge/uni-badge.vue&quot;  
    /* import 导入的其它组件 */  

    export default {  
        data() {  
            return { /* ... */ }  
        },  
        components: {  
            uniBadge,  
            /* 其它组件定义 */  
        }  
    }  
</script>
Salin selepas log masuk

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!

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