Comment télécharger des plug-ins dans Uni-App

Méthode : 1. Téléchargez le composant et extrayez-le dans le répertoire racine d'uni-app ; 2. Importez le composant dans la page spécifiée avec la syntaxe « importer le nom du composant à partir de « l'adresse du fichier du composant » » ; l'option composants ; 4. Dans le nœud du modèle, suivez les instructions d'utilisation du composant pour appeler le composant et transmettre la valeur.

L'environnement d'exploitation de ce tutoriel : système windows7, uni-app version 2.5.1, ordinateur DELL G3.

Cet article prend le badge (badge numérique) comme exemple pour expliquer comment télécharger et importer des composants depuis le marché des plug-ins. badge（数字角标） 为例，说明如何从插件市场下载并导入使用组件。

1、下载组件

从插件市场badge详情页，点击“下载”按钮，下载完成后，解压到uni-app根目录。

2、导入组件

假设page-a.vue页面需要用到badge，则在page-a.vue的script节点下导入badge组件，如下：

import uniBadge from "@/components/uni-badge/uni-badge.vue"

3、定义组件

在components选项中定义badge组件，如下：

export default {  
    data() {  
        return { /* ... */ }  
    },  
    components: {  
        uniBadge  
    }  
}

若从插件市场下载使用多个组件，则每个组件均需在components选项中定义，并以逗号分隔。

4、使用组件

在template

1. Téléchargez le composant

Depuis la page de détails du badge du plug-in, cliquez sur le bouton "Télécharger". Une fois le téléchargement terminé, décompressez-le. dans le répertoire racine uni-app. <a href="https://www.php.cn/course/1238.html" target="_blank"></a><strong>2. Importer des composants</strong><br>

Supposons que la page page-a.vue doive utiliser badge, puis dans page-a. . Importez le composant <code>badge sous le nœud script de vue, comme suit : 🎜

<uni-badge text="1"></uni-badge>  
<uni-badge text="2" type="success" @click="bindClick"></uni-badge>

🎜3 Définissez le composant🎜🎜. 🎜dans Définissez le composant <code>badge dans l'option composants, comme suit : 🎜

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

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

🎜Si vous téléchargez et utilisez plusieurs composants du marché des plug-ins, chaque composant doit être dans l'option composants Définitions séparées par des virgules. 🎜🎜🎜4. Utiliser des composants🎜🎜Dans le nœud template, suivez les instructions d'utilisation du composant, appelez le composant et transmettez la valeur, comme suit : 🎜rrreee🎜Le complet L'exemple de code est le suivant : 🎜🎜rrreee 🎜Apprentissage recommandé : 🎜Uni-App de l'entrée au tutoriel pratique🎜🎜🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!