Rumah >hujung hadapan web >uni-app >Bagaimana untuk memuat turun pemalam dalam apl uni

Bagaimana untuk memuat turun pemalam dalam apl uni

奋力向前
奋力向前asal
2021-09-07 18:53:224753semak imbas

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"

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 &quot;@/components/uni-badge/uni-badge.vue&quot;  
    /* 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!

Kenyataan:
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